написали Katie Bell & Morag MacDougal преодолевая от границ и до преград
написал Baekseju
Детектив позволяет помочь себе добраться до кухни без привычного "я сам", которое обычно является не столько вопросом физической возможности, сколько принципиальной жизненной позицией. Сегодня он совсем не принципиальный, можно сказать, почти беспринципный. И не гордый. Пожалуй, тот момент, когда он разбил собой окно второго этажа, определенное количество достоинства уже осталось где-то среди осколков. Можно не пытаться подобрать все обратно. По крайней мере, не сейчас.
It's where your excuses come to die and your real self shows up—late, loud, and usually wrong.
And we love it.
наливай, пей, пиши посты
Crossbar

Crossbar

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Crossbar » funko-bar! » оплатить счёт


оплатить счёт

Сообщений 31 страница 60 из 133

1

Код:
<!--HTML-->
<div style="max-width:860px;margin:0 auto;position:relative;background:
radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--accent) 35%, transparent), transparent 45%),
radial-gradient(circle at 95% 15%, color-mix(in srgb, var(--accent2) 55%, transparent), transparent 40%),
radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--accent2) 50%, var(--base-bg2)), var(--base-bg2) 60%);
border-radius:var(--b-radius);padding:4px;overflow:hidden;">

<div style="position:absolute;top:-30px;right:-30px;width:110px;height:110px;border-radius:50%;background:color-mix(in srgb, var(--accent2) 40%, transparent);"></div>
<div style="position:absolute;bottom:-40px;left:-20px;width:130px;height:130px;border-radius:50%;background:color-mix(in srgb, var(--accent) 20%, transparent);"></div>

<div style="position:relative;padding:26px 24px 22px;">

<div style="display:flex;justify-content:center;margin-bottom:10px;">
<div style="background:var(--dark-bord);color:var(--light-text);font-size:10px;font-weight:700;letter-spacing:2px;padding:5px 14px;border-radius:var(--b-radius, 20px);text-transform:uppercase;">Оплатить счёт</div>
</div>

<div style="text-align:center;">
<div style="font-size:26px;font-weight:700;color:var(--text);letter-spacing:1px;">ФАНКО-БАР</div>
<div style="display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;">
<div style="width:16px;height:1.5px;background:var(--link-acc);"></div>
<div style="font-size:11.5px;color:var(--link-acc);letter-spacing:0.5px;">заявки на фигурки — сюда</div>
<div style="width:16px;height:1.5px;background:var(--link-acc);"></div>
</div>
</div>

<!-- Плашка ареста за спекуляции (2026-09-05) — display:none по умолчанию,
     showcase_widget.js сам покажет, если у зрителя сейчас активен бан на
     Витрину (funko_speculation_status), и оставит скрытой иначе. -->
<div class="fk-ban-badge-anchor" style="display:none;margin-bottom:16px;"></div>

<div style="display:flex;flex-direction:column;gap:8px;margin:20px 0;">
<div style="display:flex;align-items:flex-start;gap:10px;background:var(--base-bg2);border-radius:var(--b-radius, 14px);padding:10px 14px;box-shadow:0 4px 10px rgba(0,0,0,0.08);">
<div style="width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;">1</div>
<div style="font-size:12.5px;color:var(--text);line-height:1.5;text-align:left;">Выбираешь фигурку на <a href="https://barcross.ru/pages/vitrina" style="color:var(--link-acc);font-weight:700;">Витрине</a> и заполняешь форму заявки — она уходит сюда черновиком.</div>
</div>
<div style="display:flex;align-items:flex-start;gap:10px;background:var(--base-bg2);border-radius:var(--b-radius, 14px);padding:10px 14px;box-shadow:0 4px 10px rgba(0,0,0,0.08);">
<div style="width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;">2</div>
<div style="font-size:12.5px;color:var(--text);line-height:1.5;text-align:left;">Ниже, под этим текстом, появится карточка твоего черновика — нажми на неё, чтобы вставить готовый код в форму ответа, и просто отправь сообщение.</div>
</div>
<div style="display:flex;align-items:flex-start;gap:10px;background:var(--base-bg2);border-radius:var(--b-radius, 14px);padding:10px 14px;box-shadow:0 4px 10px rgba(0,0,0,0.08);">
<div style="width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;">3</div>
<div style="font-size:12.5px;color:var(--text);line-height:1.5;text-align:left;">Уже отправленная заявка сама покажет статус и обновится, когда админ подтвердит или отклонит.</div>
</div>
</div>

<!-- Черновики заказа (2026-09-04) — компактные кликабельные карточки,
     подтягиваются из localStorage тем же showcase_widget.js ниже.
     display:none по умолчанию — сам скрипт снимет, если черновики есть. -->
<div class="fk-pending-drafts-anchor" style="display:none;background:var(--base-bg2);border-radius:var(--b-radius, 14px);padding:14px 16px;margin-bottom:16px;"></div>

<details style="margin-bottom:14px;">
<summary style="cursor:pointer;font-family:var(--main-font);font-weight:400;text-transform:uppercase;letter-spacing:1px;font-size:12px;color:var(--text);background:var(--base-bg2);border:1px solid var(--dark-bord);padding:10px 16px;list-style:none;">💰 Прайс — цены по категориям</summary>
<div style="background:var(--base-bg2);border:1px solid var(--dark-bord);border-top:none;padding:14px 16px;overflow-x:auto;">
<div style="min-width:600px;">
<div style="display:flex;gap:4px;padding:0 8px 6px;">
<div style="flex:1.3;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--text);opacity:.55;">Категория</div>
<div style="flex:1;text-align:right;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--accent2);">Шоты</div>
<div style="flex:1;text-align:right;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--text);opacity:.55;">Пост</div>
<div style="flex:1;text-align:right;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--text);opacity:.55;">Сообщ.</div>
<div style="flex:1.2;text-align:right;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--text);opacity:.55;">Налили</div>
<div style="flex:1.2;text-align:right;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--text);opacity:.55;">Угостил</div>
<div style="flex:1;text-align:right;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--text);opacity:.55;">Реклама</div>
</div>
<div style="display:flex;gap:4px;padding:6px 8px;border-top:1px solid var(--dark-bord);font-size:11.5px;color:var(--text);">
<div style="flex:1.3;font-family:var(--main-font);">Обычная</div><div style="flex:1;text-align:right;font-family:var(--main-font);color:var(--accent2);">3 000</div><div style="flex:1;text-align:right;">2 000</div><div style="flex:1;text-align:right;">100</div><div style="flex:1.2;text-align:right;">500</div><div style="flex:1.2;text-align:right;">300</div><div style="flex:1;text-align:right;">50</div>
</div>
<div style="display:flex;gap:4px;padding:6px 8px;border-top:1px solid var(--dark-bord);font-size:11.5px;color:var(--text);">
<div style="flex:1.3;font-family:var(--main-font);">Чейз</div><div style="flex:1;text-align:right;font-family:var(--main-font);color:var(--accent2);">6 000</div><div style="flex:1;text-align:right;">4 000</div><div style="flex:1;text-align:right;">200</div><div style="flex:1.2;text-align:right;">1 000</div><div style="flex:1.2;text-align:right;">600</div><div style="flex:1;text-align:right;">100</div>
</div>
<div style="display:flex;gap:4px;padding:6px 8px;border-top:1px solid var(--dark-bord);font-size:11.5px;color:var(--text);">
<div style="flex:1.3;font-family:var(--main-font);">Кастомная</div><div style="flex:1;text-align:right;font-family:var(--main-font);color:var(--accent2);">2 000</div><div style="flex:1;text-align:right;">2 000</div><div style="flex:1;text-align:right;">100</div><div style="flex:1.2;text-align:right;">500</div><div style="flex:1.2;text-align:right;">300</div><div style="flex:1;text-align:right;">50</div>
</div>
<div style="display:flex;gap:4px;padding:6px 8px;border-top:1px solid var(--dark-bord);font-size:11.5px;color:var(--text);">
<div style="flex:1.3;font-family:var(--main-font);">Рандомная</div><div style="flex:1;text-align:right;font-family:var(--main-font);color:var(--accent2);">2 000</div><div style="flex:1;text-align:right;">1 000</div><div style="flex:1;text-align:right;">50</div><div style="flex:1.2;text-align:right;">300</div><div style="flex:1.2;text-align:right;">200</div><div style="flex:1;text-align:right;">30</div>
</div>
<div style="display:flex;gap:4px;padding:6px 8px;border-top:1px solid var(--dark-bord);font-size:11.5px;color:var(--text);">
<div style="flex:1.3;font-family:var(--main-font);">Брак</div><div style="flex:1;text-align:right;font-family:var(--main-font);color:var(--accent2);">1 000</div><div style="flex:1;text-align:right;">1 000</div><div style="flex:1;text-align:right;">50</div><div style="flex:1.2;text-align:right;">300</div><div style="flex:1.2;text-align:right;">200</div><div style="flex:1;text-align:right;">30</div>
</div>
<div style="display:flex;gap:4px;padding:6px 8px;border-top:1px solid var(--dark-bord);font-size:11.5px;color:var(--text);">
<div style="flex:1.3;font-family:var(--main-font);">Народная</div><div style="flex:1;text-align:right;font-family:var(--main-font);color:var(--accent2);">3 000</div><div style="flex:1;text-align:right;">2 000</div><div style="flex:1;text-align:right;">100</div><div style="flex:1.2;text-align:right;">500</div><div style="flex:1.2;text-align:right;">300</div><div style="flex:1;text-align:right;">50</div>
</div>
<div style="display:flex;gap:4px;padding:6px 8px;border-top:1px solid var(--dark-bord);font-size:11.5px;color:var(--text);">
<div style="flex:1.3;font-family:var(--main-font);">Эксклюзив</div><div style="flex:1;text-align:right;font-family:var(--main-font);color:var(--accent2);">8 000</div><div style="flex:1;text-align:right;opacity:.4;">—</div><div style="flex:1;text-align:right;opacity:.4;">—</div><div style="flex:1.2;text-align:right;opacity:.4;">—</div><div style="flex:1.2;text-align:right;opacity:.4;">—</div><div style="flex:1;text-align:right;opacity:.4;">—</div>
</div>
</div>
<div style="font-size:10px;color:var(--link-acc);margin-top:8px;">«Пост»/«Сообщения»/«Налили»/«Угостил» — сколько нужно накопить в <a href="https://barcross.ru/pages/otchetnost" style="color:var(--link-acc);font-weight:700;">Отчётности</a>, чтобы получить фигурку способом оплаты «Сдам отчёт», без верхнего предела списывается автоматически. Эксклюзив — только за шоты. Новые бейджи (сверх этих шести) и их цены — смотри прямо в форме оплаты на карточке дизайна, тут не перечислены. На самой Витрине можно переключить, в чём показывать цену на карточках — фильтр «Показывать цену в» в сайдбаре.</div>
</div>
</details>


<!-- Админский спойлер (2026-09-15) — ещё не подтверждённые заявки/заказы
     Витрины, видно только Мастеру/доверенным админам. showcase_widget.js
     сам скрывает якорь для всех остальных. -->
<div class="fk-admin-pending-anchor"></div>

</div>
</div>
<script src="https://barfiles.ru/js/funko/showcase_widget.js?v=65"></script>

+7

31

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="234" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:color-mix(in srgb, var(--dark-bord) 70%, var(--accent2));border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><span style="font-size:10px;font-weight:700;color:var(--light-text);">?</span></div><div style="width:26px;height:26px;border-radius:50%;background:color-mix(in srgb, var(--dark-bord) 70%, var(--accent2));border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><span style="font-size:10px;font-weight:700;color:var(--light-text);">?</span></div><div style="width:26px;height:26px;border-radius:50%;background:color-mix(in srgb, var(--dark-bord) 70%, var(--accent2));border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><span style="font-size:10px;font-weight:700;color:var(--light-text);">?</span></div><div style="width:26px;height:26px;border-radius:50%;background:var(--dark-bord);color:var(--light-text);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-left:-8px;flex-shrink:0;">+22</div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #234 · 25 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">0 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink: 0; background: var(--dark-bord); color: var(--light-text); font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; padding: 4px 10px; border-radius: var(--b-radius, 20px); white-space: nowrap;">подтверждено</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/bruce_wayne.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Брюс Уэйн</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/nancy_wheeler.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Нэнси Уиллер</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="2" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/scooby_doo.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Скуби-ду</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="3" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/jinshi.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Джинши</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="4" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/jinshi.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Джинши</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="5" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/stiles_stilinski.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Стайлз Стилински</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="6" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/tom.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Том</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="7" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/champion_admin.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Чемпион Сиродила</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="8" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/chesire_admin.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Чеширский кот</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="9" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/lassi.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Лэсси</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="10" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/stiles_stilinski.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Стайлз Стилински</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="11" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/felicia_hardy.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Фелиция Харди</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="12" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/felicia_hardy.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Фелиция Харди</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="13" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/lassi.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Лэсси</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="14" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/oberyn_martell.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Оберин Мартелл</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="15" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/jerry.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Джерри</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="16" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/lassi.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Лэсси</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="17" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/amanda_admin.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Аманда Кларк</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="18" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/appa.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Аппа</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="19" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/appa.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Аппа</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="20" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/trish.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Триш</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="21" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/varka.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Варка</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="22" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/hachiko.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Хатико</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="23" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/meeko.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Мико</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="24" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/stiles_stilinski.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Стайлз Стилински</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
</div>
<div style="margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);">
<div style="font-size:10px; font-weight:bold; letter-spacing:1px; color:var(--link-acc); text-transform:uppercase;">Все способы оплаты</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Mao Mao</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">0 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,234)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,234)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+5

32

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="235" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:color-mix(in srgb, var(--dark-bord) 70%, var(--accent2));border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><span style="font-size:10px;font-weight:700;color:var(--light-text);">?</span></div><div style="width:26px;height:26px;border-radius:50%;background:color-mix(in srgb, var(--dark-bord) 70%, var(--accent2));border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><span style="font-size:10px;font-weight:700;color:var(--light-text);">?</span></div><div style="width:26px;height:26px;border-radius:50%;background:color-mix(in srgb, var(--dark-bord) 70%, var(--accent2));border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><span style="font-size:10px;font-weight:700;color:var(--light-text);">?</span></div><div style="width:26px;height:26px;border-radius:50%;background:var(--dark-bord);color:var(--light-text);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-left:-8px;flex-shrink:0;">+22</div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #235 · 25 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">0 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink: 0; background: var(--dark-bord); color: var(--light-text); font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; padding: 4px 10px; border-radius: var(--b-radius, 20px); white-space: nowrap;">подтверждено</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/chesire_admin.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Чеширский кот</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/oswald_cobblepot.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Освальд Кобблпот</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="2" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/baekseju.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Максимилиан Кан</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="3" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/chesire_admin.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Чеширский кот</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="4" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/ghost.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Призрак</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="5" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/mushu.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Мушу</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="6" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/meeko.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Мико</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="7" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/appa.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Аппа</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="8" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/trish.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Триш</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="9" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/lassie_lassie.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Лэсси</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="10" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/oberyn_martell.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Оберин Мартелл</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="11" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/jerry_siegal.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Джерри Сигал</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="12" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/champion_admin.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Чемпион Сиродила</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="13" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/jinshi.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Джинши</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="14" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/nerevarine.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Нереварин</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="15" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/hedwig.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Букля</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="16" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/chief.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Шеф</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="17" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/harley_queen.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Харли Квин</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="18" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/baekseju.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Максимилиан Кан</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="19" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/jinshi.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Джинши</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="20" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/toothless.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Беззубик</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="21" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/remy.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Реми</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="22" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/baekseju.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Максимилиан Кан</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="23" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/snoopy.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Снупи</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="24" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/pascal.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Паскаль</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
</div>
<div style="margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);">
<div style="font-size:10px; font-weight:bold; letter-spacing:1px; color:var(--link-acc); text-transform:uppercase;">Все способы оплаты</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Mao Mao</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">0 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,235)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,235)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+6

33

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="236" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:color-mix(in srgb, var(--dark-bord) 70%, var(--accent2));border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><span style="font-size:10px;font-weight:700;color:var(--light-text);">?</span></div><div style="width:26px;height:26px;border-radius:50%;background:color-mix(in srgb, var(--dark-bord) 70%, var(--accent2));border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><span style="font-size:10px;font-weight:700;color:var(--light-text);">?</span></div><div style="width:26px;height:26px;border-radius:50%;background:color-mix(in srgb, var(--dark-bord) 70%, var(--accent2));border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><span style="font-size:10px;font-weight:700;color:var(--light-text);">?</span></div><div style="width:26px;height:26px;border-radius:50%;background:var(--dark-bord);color:var(--light-text);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-left:-8px;flex-shrink:0;">+4</div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #236 · 7 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">0 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink: 0; background: var(--dark-bord); color: var(--light-text); font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; padding: 4px 10px; border-radius: var(--b-radius, 20px); white-space: nowrap;">подтверждено</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/minerva_mcgonagall.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Минерва Макгонагалл</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/beethoven.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Бетховен</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="2" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/calcifer.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Кальцифер</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="3" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/lydia_martin.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Лидия Мартин</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="4" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/hachiko.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Хатико</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="5" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/lydia_martin.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Лидия Мартин</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="6" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/toothless.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Беззубик</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
</div>
<div style="margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);">
<div style="font-size:10px; font-weight:bold; letter-spacing:1px; color:var(--link-acc); text-transform:uppercase;">Все способы оплаты</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Witch-king of Angmar</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">0 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,236)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,236)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+5

34

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="237" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:color-mix(in srgb, var(--dark-bord) 70%, var(--accent2));border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><span style="font-size:10px;font-weight:700;color:var(--light-text);">?</span></div><div style="width:26px;height:26px;border-radius:50%;background:color-mix(in srgb, var(--dark-bord) 70%, var(--accent2));border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><span style="font-size:10px;font-weight:700;color:var(--light-text);">?</span></div><div style="width:26px;height:26px;border-radius:50%;background:color-mix(in srgb, var(--dark-bord) 70%, var(--accent2));border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><span style="font-size:10px;font-weight:700;color:var(--light-text);">?</span></div><div style="width:26px;height:26px;border-radius:50%;background:var(--dark-bord);color:var(--light-text);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-left:-8px;flex-shrink:0;">+3</div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #237 · 6 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">0 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink: 0; background: var(--dark-bord); color: var(--light-text); font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; padding: 4px 10px; border-radius: var(--b-radius, 20px); white-space: nowrap;">подтверждено</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/garfield.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Гарфилд</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/chesire_admin.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Чеширский кот</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="2" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/mentalism_admin.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Ментализм</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="3" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/hachiko.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Хатико</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="4" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/garfield.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Гарфилд</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="5" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/garfield.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Гарфилд</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
</div>
<div style="margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);">
<div style="font-size:10px; font-weight:bold; letter-spacing:1px; color:var(--link-acc); text-transform:uppercase;">Все способы оплаты</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Harley Quinn</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">0 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,237)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,237)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+5

35

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="238" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:color-mix(in srgb, var(--dark-bord) 70%, var(--accent2));border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><span style="font-size:10px;font-weight:700;color:var(--light-text);">?</span></div><div style="width:26px;height:26px;border-radius:50%;background:color-mix(in srgb, var(--dark-bord) 70%, var(--accent2));border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><span style="font-size:10px;font-weight:700;color:var(--light-text);">?</span></div><div style="width:26px;height:26px;border-radius:50%;background:color-mix(in srgb, var(--dark-bord) 70%, var(--accent2));border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><span style="font-size:10px;font-weight:700;color:var(--light-text);">?</span></div><div style="width:26px;height:26px;border-radius:50%;background:var(--dark-bord);color:var(--light-text);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-left:-8px;flex-shrink:0;">+15</div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #238 · 18 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">0 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink: 0; background: var(--dark-bord); color: var(--light-text); font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; padding: 4px 10px; border-radius: var(--b-radius, 20px); white-space: nowrap;">подтверждено</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/hange_zoe.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Ханджи Зое</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/dyanna_dayne.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Дианна Дейн</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="2" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/beethoven.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Бетховен</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="3" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/mushu.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Мушу</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="4" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/pluto.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Плуто</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="5" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/mentalism_admin.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Ментализм</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="6" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/nancy_wheeler.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Нэнси Уиллер</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="7" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/garfield.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Гарфилд</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="8" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/jerry_siegal.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Джерри Сигал</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="9" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/tom.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Том</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="10" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/jerry.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Джерри</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="11" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/pluto.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Плуто</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="12" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/pluto.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Плуто</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="13" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/snoopy.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Снупи</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="14" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/hedwig.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Букля</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="15" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/trish.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Триш</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="16" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/harley_queen.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Харли Квин</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="17" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/lassi.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Лэсси</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
</div>
<div style="margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);">
<div style="font-size:10px; font-weight:bold; letter-spacing:1px; color:var(--link-acc); text-transform:uppercase;">Все способы оплаты</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Umeshu</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">0 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,238)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,238)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+6

36

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="239" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:color-mix(in srgb, var(--dark-bord) 70%, var(--accent2));border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><span style="font-size:10px;font-weight:700;color:var(--light-text);">?</span></div><div style="width:26px;height:26px;border-radius:50%;background:color-mix(in srgb, var(--dark-bord) 70%, var(--accent2));border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><span style="font-size:10px;font-weight:700;color:var(--light-text);">?</span></div><div style="width:26px;height:26px;border-radius:50%;background:color-mix(in srgb, var(--dark-bord) 70%, var(--accent2));border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><span style="font-size:10px;font-weight:700;color:var(--light-text);">?</span></div><div style="width:26px;height:26px;border-radius:50%;background:var(--dark-bord);color:var(--light-text);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-left:-8px;flex-shrink:0;">+2</div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #239 · 5 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">0 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink: 0; background: var(--dark-bord); color: var(--light-text); font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; padding: 4px 10px; border-radius: var(--b-radius, 20px); white-space: nowrap;">подтверждено</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sunday.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Сандей</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/jinshi.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Джинши</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="2" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/nancy_wheeler.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Нэнси Уиллер</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="3" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/lassi.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Лэсси</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="4" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/hedwig.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Букля</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
</div>
<div style="margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);">
<div style="font-size:10px; font-weight:bold; letter-spacing:1px; color:var(--link-acc); text-transform:uppercase;">Все способы оплаты</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Harley Quinn</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">0 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,239)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,239)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+5

37

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="240" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:color-mix(in srgb, var(--dark-bord) 70%, var(--accent2));border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><span style="font-size:10px;font-weight:700;color:var(--light-text);">?</span></div><div style="width:26px;height:26px;border-radius:50%;background:color-mix(in srgb, var(--dark-bord) 70%, var(--accent2));border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><span style="font-size:10px;font-weight:700;color:var(--light-text);">?</span></div><div style="width:26px;height:26px;border-radius:50%;background:color-mix(in srgb, var(--dark-bord) 70%, var(--accent2));border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><span style="font-size:10px;font-weight:700;color:var(--light-text);">?</span></div><div style="width:26px;height:26px;border-radius:50%;background:var(--dark-bord);color:var(--light-text);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-left:-8px;flex-shrink:0;">+2</div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #240 · 5 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">0 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink: 0; background: var(--dark-bord); color: var(--light-text); font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; padding: 4px 10px; border-radius: var(--b-radius, 20px); white-space: nowrap;">подтверждено</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/maekar_targaryen.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Мейкар Таграриен</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/ghost.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Призрак</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="2" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/bruce_wayne.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Брюс Уэйн</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="3" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/remy_lebeau.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Реми ЛеБо</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="4" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width: 40px; height: 40px; border-radius: 50%; background: var(--base-bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/jerry.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Джерри</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">рандомная фигурка · 2&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Откуда</span><span style="color:var(--text); font-weight:bold;">Все</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-mystery-slug" placeholder="slug (пусто = случайно)" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
</div>
<div style="margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);">
<div style="font-size:10px; font-weight:bold; letter-spacing:1px; color:var(--link-acc); text-transform:uppercase;">Все способы оплаты</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Рандомная фигурка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Harley Quinn</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">0 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,240)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,240)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+5

38

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="241" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><img src="https://barfiles.ru/js/funko/images/oberyn_martell_defect.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/malevola_defective.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/harley_queen.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--dark-bord);color:var(--light-text);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-left:-8px;flex-shrink:0;">+2</div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #241 · 5 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">0 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink: 0; background: var(--dark-bord); color: var(--light-text); font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; padding: 4px 10px; border-radius: var(--b-radius, 20px); white-space: nowrap;">подтверждено</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/oberyn_martell_defect.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Оберин Мартелл (Хвостик)</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">фигурка с браком · 1&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/malevola_defective.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Малевола</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">фигурка с браком · 1&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="2" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/harley_queen.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Харли Квин</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="3" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/chesire_admin.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Чеширский кот</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="4" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/felicia_hardy.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Фелиция Харди</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
</div>
<div style="margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);">
<div style="font-size:10px; font-weight:bold; letter-spacing:1px; color:var(--link-acc); text-transform:uppercase;">Все способы оплаты</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Оберин Мартелл (Хвостик)</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Сообщения</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Малевола</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Налили</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Харли Квин</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Чеширский кот</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Фелиция Харди</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Jinu</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">0 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,241)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,241)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+5

39

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="242" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><img src="https://barfiles.ru/js/funko/images/salem.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/beethoven.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/jerry.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--dark-bord);color:var(--light-text);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-left:-8px;flex-shrink:0;">+1</div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #242 · 4 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">0 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink: 0; background: var(--dark-bord); color: var(--light-text); font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; padding: 4px 10px; border-radius: var(--b-radius, 20px); white-space: nowrap;">подтверждено</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/salem.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Салем Саберхаген</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/beethoven.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Бетховен</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="2" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/jerry.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Джерри</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="3" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/hedwig.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Букля</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
</div>
<div style="margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);">
<div style="font-size:10px; font-weight:bold; letter-spacing:1px; color:var(--link-acc); text-transform:uppercase;">Все способы оплаты</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Салем Саберхаген</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Сообщения</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Бетховен</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Сообщения</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Джерри</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Букля</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Налили</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Amanda Clarke</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">0 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,242)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,242)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+5

40

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="243" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><img src="https://barfiles.ru/js/funko/images/varka.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/momo.png" style="max-width:82%;max-height:82%;"></div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #243 · 2 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">0 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink: 0; background: var(--dark-bord); color: var(--light-text); font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; padding: 4px 10px; border-radius: var(--b-radius, 20px); white-space: nowrap;">подтверждено</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/varka.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Варка</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/momo.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Момо</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
</div>
<div style="margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);">
<div style="font-size:10px; font-weight:bold; letter-spacing:1px; color:var(--link-acc); text-transform:uppercase;">Все способы оплаты</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Варка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Момо</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Oberyn Martell</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">0 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,243)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,243)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+5

41

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="244" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><img src="https://barfiles.ru/js/funko/images/baekseju.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/harley_queen.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/hange_zoe.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--dark-bord);color:var(--light-text);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-left:-8px;flex-shrink:0;">+2</div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #244 · 5 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">0 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink: 0; background: var(--dark-bord); color: var(--light-text); font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; padding: 4px 10px; border-radius: var(--b-radius, 20px); white-space: nowrap;">подтверждено</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/baekseju.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Максимилиан Кан</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/harley_queen.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Харли Квин</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="2" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/hange_zoe.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Ханджи Зое</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="3" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/champion_admin.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Чемпион Сиродила</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="4" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/oswald_cobblepot.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Освальд Кобблпот</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
</div>
<div style="margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);">
<div style="font-size:10px; font-weight:bold; letter-spacing:1px; color:var(--link-acc); text-transform:uppercase;">Все способы оплаты</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Максимилиан Кан</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Сообщения</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Харли Квин</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Сообщения</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Ханджи Зое</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Чемпион Сиродила</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Налили</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Освальд Кобблпот</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Налили</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Enver Gortash</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">0 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,244)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,244)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+5

42

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="245" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><img src="https://barfiles.ru/js/funko/images/varka.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/jinshi.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/dyanna_dayne.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--dark-bord);color:var(--light-text);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-left:-8px;flex-shrink:0;">+9</div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #245 · 12 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">0 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink: 0; background: var(--link-acc); color: var(--light-text); font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; padding: 4px 10px; border-radius: var(--b-radius, 20px); white-space: nowrap;">отклонено</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/varka.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Варка</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/jinshi.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Джинши</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="2" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/dyanna_dayne.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Дианна Дейн</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="3" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/kyryll_flins.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Кирилл Филинс</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="4" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/lassi.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Лэсси</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="5" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/baekseju.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Максимилиан Кан</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="6" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/mao_mao.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Мао Мао</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="7" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/remy_lebeau.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Реми ЛеБо</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="8" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sunday.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Сандей</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="9" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/hange_zoe.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Ханджи Зое</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="10" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/salem.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Салем Саберхаген</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="11" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/thomas_duchess.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Томас &amp; Герцогиня</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
</div>
<div style="margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);">
<div style="font-size:10px; font-weight:bold; letter-spacing:1px; color:var(--link-acc); text-transform:uppercase;">Все способы оплаты</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Варка</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Налили</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Джинши</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Налили</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Дианна Дейн</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Налили</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Кирилл Филинс</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Налили</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Лэсси</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Налили</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Максимилиан Кан</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Налили</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Мао Мао</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Налили</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Реми ЛеБо</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Налили</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Сандей</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Налили</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Ханджи Зое</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Налили</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Салем Саберхаген</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Налили</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Томас &amp; Герцогиня</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Налили</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Harley Quinn</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">0 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,245)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,245)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+4

43

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="246" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><img src="https://barfiles.ru/js/funko/images/salem.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/thomas_duchess.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/julius_caesar.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--dark-bord);color:var(--light-text);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-left:-8px;flex-shrink:0;">+6</div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #246 · 9 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">0 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink: 0; background: var(--dark-bord); color: var(--light-text); font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; padding: 4px 10px; border-radius: var(--b-radius, 20px); white-space: nowrap;">подтверждено</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/salem.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Салем Саберхаген</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/thomas_duchess.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Томас &amp; Герцогиня</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="2" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/julius_caesar.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Конь Юлий Цезарь</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="3" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/jinshi.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Джинши</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="4" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/mao_mao.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Мао Мао</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="5" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/remy_lebeau.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Реми ЛеБо</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="6" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sunday.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Сандей</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="7" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/baekseju.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Максимилиан Кан</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="8" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/dyanna_dayne.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Дианна Дейн</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
</div>
<div style="margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);">
<div style="font-size:10px; font-weight:bold; letter-spacing:1px; color:var(--link-acc); text-transform:uppercase;">Все способы оплаты</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Салем Саберхаген</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Томас &amp; Герцогиня</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Конь Юлий Цезарь</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Джинши</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Мао Мао</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Реми ЛеБо</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Сандей</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Максимилиан Кан</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Дианна Дейн</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Harley Quinn</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">0 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,246)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,246)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+4

44

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="247" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><img src="https://barfiles.ru/js/funko/images/ivy_pepper.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/felicia_hardy_autumn.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/oberyn_martell_autumn.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--dark-bord);color:var(--light-text);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-left:-8px;flex-shrink:0;">+6</div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #247 · 9 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">8 000 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink:0; background:var(--accent2, var(--accent)); color:var(--dark-bord); font-size:9.5px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; padding:4px 10px; border-radius:var(--b-radius, 20px); white-space:nowrap;">на рассмотрении</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/ivy_pepper.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Айви Пеппер</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/felicia_hardy_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Фелиции</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="2" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/oberyn_martell_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Оберина</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="3" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/legally_blonde.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Блондинка в законе</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">эксклюзивная фигурка · 8 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="4" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/batman_ben_affleck.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Бэтмен</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="5" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/thorin.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Торин</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="6" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/harley_queen_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Харли</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="7" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/cheshire_cat_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Чешира</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="8" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/lord_voldemort.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Лорд Волдеморт</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
</div>
<div style="margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);">
<div style="font-size:10px; font-weight:bold; letter-spacing:1px; color:var(--link-acc); text-transform:uppercase;">Все способы оплаты</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Айви Пеппер</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Фелиции</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Оберина</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Бэтмен</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Торин</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Харли</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Чешира</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Лорд Волдеморт</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Harley Quinn</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">8 000 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,247)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,247)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+2

45

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="248" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><img src="https://barfiles.ru/js/funko/images/katie_bell.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/morag_macdougal.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/katie_bell_autumn.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--dark-bord);color:var(--light-text);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-left:-8px;flex-shrink:0;">+5</div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #248 · 8 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">24 000 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink:0; background:var(--accent2, var(--accent)); color:var(--dark-bord); font-size:9.5px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; padding:4px 10px; border-radius:var(--b-radius, 20px); white-space:nowrap;">на рассмотрении</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/katie_bell.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Кэти Белл</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/morag_macdougal.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Мораг Макдугал</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="2" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/katie_bell_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Кэти</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="3" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/rickey_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Рикки</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="4" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/american_horror_story.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Американская история ужасов</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">эксклюзивная фигурка · 8 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="5" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/legally_blonde.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Блондинка в законе</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">эксклюзивная фигурка · 8 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="6" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/harry_potter.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Гарри Поттер</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">эксклюзивная фигурка · 8 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="7" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/cheshire_cat_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Чешира</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
</div>
<div style="margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);">
<div style="font-size:10px; font-weight:bold; letter-spacing:1px; color:var(--link-acc); text-transform:uppercase;">Все способы оплаты</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Кэти Белл</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Налили</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Мораг Макдугал</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Налили</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Кэти</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Налили</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Рикки</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Налили</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Чешира</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Налили</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Katie Bell</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">24 000 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,248)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,248)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+2

46

Код:
<!--HTML--> <div class="fk-req-card" data-request-id="1348" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div class="fk-req-img-wrap" style="width:34px;height:34px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/mysaria.png" style="max-width:82%;max-height:82%;"></div>
<div style="min-width:0; flex:1;">
<div class="fk-req-title" style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Мисария</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">Заявка #1348</div>
</div>
<span class="fk-req-status" style="flex-shrink: 0; background: var(--dark-bord); color: var(--light-text); font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; padding: 4px 10px; border-radius: var(--b-radius, 20px); white-space: nowrap;">подтверждено</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div style="margin:10px 0 14px;">
<div class="fk-req-subtitle"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
</div>
<div style="height:1px; background:color-mix(in srgb, var(--dark-bord) 20%, transparent); margin-bottom:14px;"></div>
<div style="display:flex; flex-direction:column; gap:10px;">
<div style="display:flex; justify-content:space-between; font-size:12.5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent); padding-top:10px;"><span style="color:var(--link-acc);">Получатель</span><span style="color:var(--text); font-weight:bold;">Harley Quinn</span></div>
</div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">0 шотов</span></div>
</details>
<div class="fk-req-admin-row" data-fk-admin="0" style="display:none; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<button type="button" onclick="fkShowcaseApprove(this,1348)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить</button>
<button type="button" onclick="fkShowcaseReject(this,1348)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить</button>
</div>
<div class="fk-req-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+2

47

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="249" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><img src="https://barfiles.ru/js/funko/images/amanda_clarke_autumn.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/mentalism_autumn.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/oberyn_martell_autumn.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--dark-bord);color:var(--light-text);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-left:-8px;flex-shrink:0;">+6</div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #249 · 9 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">16 000 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink:0; background:var(--accent2, var(--accent)); color:var(--dark-bord); font-size:9.5px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; padding:4px 10px; border-radius:var(--b-radius, 20px); white-space:nowrap;">на рассмотрении</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/amanda_clarke_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Аманды</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">бесплатно</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-wf-id" placeholder="ID заявки мастерской" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/mentalism_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Ментализма</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">бесплатно</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-wf-id" placeholder="ID заявки мастерской" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="2" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/oberyn_martell_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Оберина</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">бесплатно</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-wf-id" placeholder="ID заявки мастерской" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="3" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/rickey_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Рикки</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">бесплатно</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-wf-id" placeholder="ID заявки мастерской" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="4" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sake_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Саке</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">бесплатно</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-wf-id" placeholder="ID заявки мастерской" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="5" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/felicia_hardy_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Фелиции</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">бесплатно</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-wf-id" placeholder="ID заявки мастерской" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="6" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/champion_of_cyrodill_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Чемпиона</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">бесплатно</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-wf-id" placeholder="ID заявки мастерской" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="7" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/american_horror_story.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Американская история ужасов</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">эксклюзивная фигурка · 8 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="8" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/legally_blonde.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Блондинка в законе</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">эксклюзивная фигурка · 8 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
</div>
<div style="margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);">
<div style="font-size:10px; font-weight:bold; letter-spacing:1px; color:var(--link-acc); text-transform:uppercase;">Все способы оплаты</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Аманды</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Доказательство: <a href="https://barcross.ru/viewtopic.php?pid=1227210#p1227210" style="color:var(--link-acc); font-weight:bold; text-decoration:none;">ссылка →</a></div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Ментализма</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Доказательство: <a href="https://barcross.ru/viewtopic.php?pid=1227210#p1227210" style="color:var(--link-acc); font-weight:bold; text-decoration:none;">ссылка →</a></div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Оберина</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Доказательство: <a href="https://barcross.ru/viewtopic.php?pid=1227210#p1227210" style="color:var(--link-acc); font-weight:bold; text-decoration:none;">ссылка →</a></div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Рикки</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Доказательство: <a href="https://barcross.ru/viewtopic.php?pid=1227210#p1227210" style="color:var(--link-acc); font-weight:bold; text-decoration:none;">ссылка →</a></div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Саке</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Доказательство: <a href="https://barcross.ru/viewtopic.php?pid=1227210#p1227210" style="color:var(--link-acc); font-weight:bold; text-decoration:none;">ссылка →</a></div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Фелиции</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Доказательство: <a href="https://barcross.ru/viewtopic.php?pid=1227210#p1227210" style="color:var(--link-acc); font-weight:bold; text-decoration:none;">ссылка →</a></div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Чемпиона</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Доказательство: <a href="https://barcross.ru/viewtopic.php?pid=1227210#p1227210" style="color:var(--link-acc); font-weight:bold; text-decoration:none;">ссылка →</a></div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Amanda Clarke</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">16 000 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,249)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,249)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+2

48

Код:
<!--HTML--> <div class="fk-req-card" data-request-id="1358" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div class="fk-req-img-wrap" style="width:34px;height:34px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/harry_potter.png" style="max-width:82%;max-height:82%;"></div>
<div style="min-width:0; flex:1;">
<div class="fk-req-title" style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Гарри Поттер</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">Заявка #1358</div>
</div>
<span class="fk-req-status" style="flex-shrink:0; background:var(--accent2, var(--accent)); color:var(--dark-bord); font-size:9.5px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; padding:4px 10px; border-radius:var(--b-radius, 20px); white-space:nowrap;">на рассмотрении</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div style="margin:10px 0 14px;">
<div class="fk-req-subtitle"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">эксклюзивная фигурка · 8 000 шотов 🥃</span></div>
</div>
<div style="height:1px; background:color-mix(in srgb, var(--dark-bord) 20%, transparent); margin-bottom:14px;"></div>
<div style="display:flex; flex-direction:column; gap:10px;">
<div style="display:flex; justify-content:space-between; font-size:12.5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>

<div style="display:flex; justify-content:space-between; font-size:12.5px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent); padding-top:10px;"><span style="color:var(--link-acc);">Получатель</span><span style="color:var(--text); font-weight:bold;">Harley Quinn</span></div>
</div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">8 000 шотов</span></div>
</details>
<div class="fk-req-admin-row" data-fk-admin="0" style="display:none; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<button type="button" onclick="fkShowcaseApprove(this,1358)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить</button>
<button type="button" onclick="fkShowcaseReject(this,1358)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить</button>
</div>
<div class="fk-req-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+2

49

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="250" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><img src="https://barfiles.ru/js/funko/images/ivy_pepper.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/sake.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/umeshu.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--dark-bord);color:var(--light-text);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-left:-8px;flex-shrink:0;">+4</div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #250 · 7 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">8 000 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink:0; background:var(--accent2, var(--accent)); color:var(--dark-bord); font-size:9.5px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; padding:4px 10px; border-radius:var(--b-radius, 20px); white-space:nowrap;">на рассмотрении</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/ivy_pepper.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Айви Пеппер</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sake.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Саке</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="2" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/umeshu.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Умешу</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="3" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/figaro.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Фигаро</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="4" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sake_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Саке</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="5" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/felicia_hardy_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Фелиции</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="6" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/legally_blonde.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Блондинка в законе</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">эксклюзивная фигурка · 8 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
</div>
<div style="margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);">
<div style="font-size:10px; font-weight:bold; letter-spacing:1px; color:var(--link-acc); text-transform:uppercase;">Все способы оплаты</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Айви Пеппер</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Саке</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Умешу</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Фигаро</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Саке</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Налили</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Фелиции</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Сообщения</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Lydia Martin</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">8 000 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,250)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,250)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+2

50

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="251" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><img src="https://barfiles.ru/js/funko/images/knives_out.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/gumball.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/harry_potter.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--dark-bord);color:var(--light-text);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-left:-8px;flex-shrink:0;">+23</div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #251 · 26 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">16 000 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink:0; background:var(--accent2, var(--accent)); color:var(--dark-bord); font-size:9.5px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; padding:4px 10px; border-radius:var(--b-radius, 20px); white-space:nowrap;">на рассмотрении</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/knives_out.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Достать ножи</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">эксклюзивная фигурка · 8 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/gumball.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Гамбол</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="2" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/harry_potter.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Гарри Поттер</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">эксклюзивная фигурка · 8 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="3" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/lord_voldemort.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Лорд Волдеморт</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="4" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/long_island.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Лонг Айленд</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="5" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/meowth_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Мяута</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="6" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/rickey_lassi_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Рикки &amp; Лэсси</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="7" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/cheshire_cat_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Чешира</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="8" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/thorin.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Торин</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="9" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/fugaro.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Фигаро (без банта)</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">фигурка с браком · 1 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="10" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/rickey_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Рикки</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="11" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/minerva_mcgonagall_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Минервы</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="12" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sq_004.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">004</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="13" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sq_007.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">007</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="14" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sq_357.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">357</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="15" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sq_frontmen.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Фронтмен</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="16" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sq_013.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">013</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="17" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sq_043.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">043</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="18" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sq_426.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">426</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="19" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sq_008.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">008</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="20" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sq_067.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">067</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="21" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sq_069.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">069</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="22" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sq_111.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">111</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="23" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sq_113.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">113</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="24" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sq_250.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">250</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="25" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sq_404.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">404</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
</div>
<div style="margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);">
<div style="font-size:10px; font-weight:bold; letter-spacing:1px; color:var(--link-acc); text-transform:uppercase;">Все способы оплаты</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Гамбол</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Лорд Волдеморт</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Лонг Айленд</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Мяута</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Рикки &amp; Лэсси</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Чешира</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Торин</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Фигаро (без банта)</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Рикки</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Минервы</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">004</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">007</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">357</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Фронтмен</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">013</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">043</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">426</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">008</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">067</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">069</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">111</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">113</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">250</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">404</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Rickey</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">16 000 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,251)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,251)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+2

51

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="252" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><img src="https://barfiles.ru/js/funko/images/ivy_pepper.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/sq_frontmen.png" style="max-width:82%;max-height:82%;"></div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #252 · 2 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">0 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink: 0; background: var(--dark-bord); color: var(--light-text); font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; padding: 4px 10px; border-radius: var(--b-radius, 20px); white-space: nowrap;">подтверждено</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/ivy_pepper.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Айви Пеппер</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">бесплатно</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-wf-id" placeholder="ID заявки мастерской" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sq_frontmen.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Фронтмен</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">бесплатно</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-wf-id" placeholder="ID заявки мастерской" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
</div>
<div style="margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);">
<div style="font-size:10px; font-weight:bold; letter-spacing:1px; color:var(--link-acc); text-transform:uppercase;">Все способы оплаты</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Айви Пеппер</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Доказательство: <a href="https://barcross.ru/viewtopic.php?pid=1227210#p1227210" style="color:var(--link-acc); font-weight:bold; text-decoration:none;">ссылка →</a></div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Фронтмен</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Доказательство: <a href="https://barcross.ru/viewtopic.php?pid=1227210#p1227210" style="color:var(--link-acc); font-weight:bold; text-decoration:none;">ссылка →</a></div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Amanda Clarke</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">0 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,252)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,252)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+2

52

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="253" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><img src="https://barfiles.ru/js/funko/images/fugaro.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/oberyn_martell_autumn.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/felicia_hardy_autumn.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--dark-bord);color:var(--light-text);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-left:-8px;flex-shrink:0;">+3</div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #253 · 6 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">0 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink: 0; background: var(--dark-bord); color: var(--light-text); font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; padding: 4px 10px; border-radius: var(--b-radius, 20px); white-space: nowrap;">подтверждено</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/fugaro.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Фигаро (без банта)</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">фигурка с браком · 1&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/oberyn_martell_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Оберина</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="2" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/felicia_hardy_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Фелиции</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="3" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/rickey_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Рикки</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="4" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/cheshire_cat_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Чешира</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="5" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/meowth_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Мяута</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
</div>
<div style="margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);">
<div style="font-size:10px; font-weight:bold; letter-spacing:1px; color:var(--link-acc); text-transform:uppercase;">Все способы оплаты</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Фигаро (без банта)</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Оберина</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Фелиции</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Рикки</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Чешира</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Мяута</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Oberyn Martell</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">0 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,253)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,253)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+2

53

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="254" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><img src="https://barfiles.ru/js/funko/images/oberyn_martell_autumn.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/felicia_hardy_autumn.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/sake_autumn.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--dark-bord);color:var(--light-text);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-left:-8px;flex-shrink:0;">+14</div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #254 · 17 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">91 000 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink:0; background:var(--accent2, var(--accent)); color:var(--dark-bord); font-size:9.5px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; padding:4px 10px; border-radius:var(--b-radius, 20px); white-space:nowrap;">на рассмотрении</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/oberyn_martell_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Оберина</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/felicia_hardy_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Фелиции</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="2" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sake_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Саке</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="3" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/rickey_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Рикки</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="4" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/fugaro.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Фигаро (без банта)</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">фигурка с браком · 1 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="5" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/harry_potter.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Гарри Поттер</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">эксклюзивная фигурка · 8 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="6" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sleepy_hollow.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Сонная лощина</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">эксклюзивная фигурка · 8 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="7" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/knives_out.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Достать ножи</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">эксклюзивная фигурка · 8 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="8" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/beetlejuice.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Битлджус</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">эксклюзивная фигурка · 8 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="9" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/american_horror_story.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Американская история ужасов</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">эксклюзивная фигурка · 8 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="10" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/legally_blonde.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Блондинка в законе</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">эксклюзивная фигурка · 8 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="11" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/pickachu_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Пикачу</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="12" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/meowth_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Мяута</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="13" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/cheshire_cat_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Чешира</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="14" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/thranduil.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Трандуил</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="15" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/thorin.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Торин</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="16" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/harley_queen_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Харли</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Felicia Hardy</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">91 000 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,254)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,254)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+2

54

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="255" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><img src="https://barfiles.ru/js/funko/images/ivy_pepper_maggie_geha.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/batman_ben_affleck.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/james_gordon.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--dark-bord);color:var(--light-text);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-left:-8px;flex-shrink:0;">+7</div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #255 · 10 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">0 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink: 0; background: var(--dark-bord); color: var(--light-text); font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; padding: 4px 10px; border-radius: var(--b-radius, 20px); white-space: nowrap;">подтверждено</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/ivy_pepper_maggie_geha.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Айви Пеппер</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/batman_ben_affleck.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Бэтмен</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="2" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/james_gordon.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Джеймс Гордон</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="3" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/dina.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Дина</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="4" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/lord_voldemort.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Лорд Волдеморт</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="5" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/meowth_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Мяута</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="6" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/pickachu_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Пикачу</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="7" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/rickey_lassi_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Рикки &amp; Лэсси</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="8" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/harley_queen_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Харли</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="9" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/cheshire_cat_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Чешира</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
</div>
<div style="margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);">
<div style="font-size:10px; font-weight:bold; letter-spacing:1px; color:var(--link-acc); text-transform:uppercase;">Все способы оплаты</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Айви Пеппер</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Бэтмен</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Джеймс Гордон</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Дина</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Лорд Волдеморт</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Мяута</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Пикачу</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Рикки &amp; Лэсси</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Харли</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Чешира</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Amanda Clarke</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">0 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,255)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,255)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+2

55

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="256" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><img src="https://barfiles.ru/js/funko/images/minerva_mcgonagall_autumn.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/american_horror_story.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/thranduil.png" style="max-width:82%;max-height:82%;"></div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #256 · 3 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">17 000 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink:0; background:var(--accent2, var(--accent)); color:var(--dark-bord); font-size:9.5px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; padding:4px 10px; border-radius:var(--b-radius, 20px); white-space:nowrap;">на рассмотрении</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/minerva_mcgonagall_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Минервы</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/american_horror_story.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Американская история ужасов</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">эксклюзивная фигурка · 8 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="2" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/thranduil.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Трандуил</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">народная фигурка · 3 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Minerva McGonagall</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">17 000 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,256)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,256)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+3

56

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="257" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><img src="https://barfiles.ru/js/funko/images/sq_043.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/katie_bell.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/morag_macdougal.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--dark-bord);color:var(--light-text);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-left:-8px;flex-shrink:0;">+1</div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #257 · 4 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">0 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink: 0; background: var(--dark-bord); color: var(--light-text); font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; padding: 4px 10px; border-radius: var(--b-radius, 20px); white-space: nowrap;">подтверждено</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sq_043.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">043</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">бесплатно</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-wf-id" placeholder="ID заявки мастерской" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/katie_bell.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Кэти Белл</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">бесплатно</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">🎁 Получатель</span><span style="color:var(--text); font-weight:bold;">Morag MacDougal</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-wf-id" placeholder="ID заявки мастерской" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="2" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/morag_macdougal.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Мораг Макдугал</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">бесплатно</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">🎁 Получатель</span><span style="color:var(--text); font-weight:bold;">Morag MacDougal</span></div>
<div class="fk-order-admin-extra" style="display:none;"><input type="text" class="fk-order-wf-id" placeholder="ID заявки мастерской" style="width:100%;box-sizing:border-box;margin-top:6px;padding:6px 8px;border-radius:var(--b-radius, 8px);border:1px solid color-mix(in srgb, var(--dark-bord) 25%, transparent);font-size:11px;font-family:inherit;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="3" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sq_frontmen.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Фронтмен</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
</div>
<div style="margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);">
<div style="font-size:10px; font-weight:bold; letter-spacing:1px; color:var(--link-acc); text-transform:uppercase;">Все способы оплаты</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">043</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Доказательство: <a href="https://barcross.ru/viewtopic.php?pid=1227210#p1227210" style="color:var(--link-acc); font-weight:bold; text-decoration:none;">ссылка →</a></div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Кэти Белл</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Доказательство: <a href="https://barcross.ru/viewtopic.php?pid=1227210#p1227210" style="color:var(--link-acc); font-weight:bold; text-decoration:none;">ссылка →</a></div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Мораг Макдугал</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Доказательство: <a href="https://barcross.ru/viewtopic.php?pid=1227210#p1227210" style="color:var(--link-acc); font-weight:bold; text-decoration:none;">ссылка →</a></div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Фронтмен</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Katie Bell</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">0 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,257)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,257)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+2

57

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="258" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><img src="https://barfiles.ru/js/funko/images/american_horror_story.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/beetlejuice.png" style="max-width:82%;max-height:82%;"></div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #258 · 2 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">16 000 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink:0; background:var(--accent2, var(--accent)); color:var(--dark-bord); font-size:9.5px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; padding:4px 10px; border-radius:var(--b-radius, 20px); white-space:nowrap;">на рассмотрении</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/american_horror_story.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Американская история ужасов</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">эксклюзивная фигурка · 8 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/beetlejuice.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Битлджус</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">эксклюзивная фигурка · 8 000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Oberyn Martell</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">16 000 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,258)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,258)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+2

58

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="259" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><img src="https://barfiles.ru/js/funko/images/sq_111.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/sq_111.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/sq_250.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--dark-bord);color:var(--light-text);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-left:-8px;flex-shrink:0;">+14</div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #259 · 17 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">0 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink: 0; background: var(--dark-bord); color: var(--light-text); font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; padding: 4px 10px; border-radius: var(--b-radius, 20px); white-space: nowrap;">подтверждено</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sq_111.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">111</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">🎁 Получатель</span><span style="color:var(--text); font-weight:bold;">Jinshi</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sq_111.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">111</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="2" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sq_250.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">250</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="3" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/hua_cheng.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Хуа Чен</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">🎁 Получатель</span><span style="color:var(--text); font-weight:bold;">Jinshi</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="4" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/hua_cheng.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Хуа Чен</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="5" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/xie_lian.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Се Лянь</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">🎁 Получатель</span><span style="color:var(--text); font-weight:bold;">Jinshi</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="6" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/xie_lian.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Се Лянь</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="7" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sake.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Саке</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="8" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/umeshu.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Умешу</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">обычная фигурка · 3&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="9" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/rickey_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Рикки</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="10" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/sake_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Саке</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="11" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/felicia_hardy_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Фелиции</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="12" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/champion_of_cyrodill_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Чемпиона</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="13" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/oberyn_martell_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Оберина</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="14" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/amanda_clarke_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Аманды</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="15" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/fugaro.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Фигаро (без банта)</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">фигурка с браком · 1&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">🎁 Получатель</span><span style="color:var(--text); font-weight:bold;">Jinshi</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="16" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/fugaro.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Фигаро (без банта)</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">фигурка с браком · 1&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
</div>
<div style="margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);">
<div style="font-size:10px; font-weight:bold; letter-spacing:1px; color:var(--link-acc); text-transform:uppercase;">Все способы оплаты</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">111</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">111</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">250</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Хуа Чен</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Хуа Чен</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Се Лянь</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Се Лянь</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Саке</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Умешу</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Рикки</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Саке</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Фелиции</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Чемпиона</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Оберина</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Аманды</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Фигаро (без банта)</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Фигаро (без банта)</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Угостил</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Mao Mao</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">0 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,259)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,259)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+2

59

Код:
<!--HTML--> <div class="fk-req-card" data-request-id="1456" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div class="fk-req-img-wrap" style="width:34px;height:34px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/harry_potter.png" style="max-width:82%;max-height:82%;"></div>
<div style="min-width:0; flex:1;">
<div class="fk-req-title" style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Гарри Поттер</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">Заявка #1456</div>
</div>
<span class="fk-req-status" style="flex-shrink:0; background:var(--accent2, var(--accent)); color:var(--dark-bord); font-size:9.5px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; padding:4px 10px; border-radius:var(--b-radius, 20px); white-space:nowrap;">на рассмотрении</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div style="margin:10px 0 14px;">
<div class="fk-req-subtitle"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">эксклюзивная фигурка · 8 000 шотов 🥃</span></div>
</div>
<div style="height:1px; background:color-mix(in srgb, var(--dark-bord) 20%, transparent); margin-bottom:14px;"></div>
<div style="display:flex; flex-direction:column; gap:10px;">
<div style="display:flex; justify-content:space-between; font-size:12.5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">шотами</span></div>

<div style="display:flex; justify-content:space-between; font-size:12.5px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent); padding-top:10px;"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Katie Bell</span></div>
<div style="display:flex; justify-content:space-between; font-size:12.5px;"><span style="color:var(--link-acc);">🎁 Получатель</span><span style="color:var(--text); font-weight:bold;">Morag MacDougal</span></div>
</div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">8 000 шотов</span></div>
</details>
<div class="fk-req-admin-row" data-fk-admin="0" style="display:none; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<button type="button" onclick="fkShowcaseApprove(this,1456)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить</button>
<button type="button" onclick="fkShowcaseReject(this,1456)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить</button>
</div>
<div class="fk-req-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+3

60

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="260" style="max-width:540px; margin:10px auto; background:var(--base-bg2); border:1px solid var(--bord, var(--dark-bord)); border-radius:var(--b-radius); padding:10px 14px; box-sizing:border-box;">
<div style="display:flex; align-items:center; gap:10px;">
<div style="display:flex; flex-shrink:0;"><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;"><img src="https://barfiles.ru/js/funko/images/felicia_hardy_autumn.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/oberyn_martell_autumn.png" style="max-width:82%;max-height:82%;"></div><div style="width:26px;height:26px;border-radius:50%;background:var(--base-bg2);border:2px solid var(--base-bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-left:-8px;"><img src="https://barfiles.ru/js/funko/images/fugaro.png" style="max-width:82%;max-height:82%;"></div></div>
<div style="min-width:0; flex:1;">
<div style="font-family:var(--main-font); font-weight:400; font-size:13.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Заказ #260 · 3 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">0 шотов</div>
</div>
<span class="fk-order-status" style="flex-shrink: 0; background: var(--dark-bord); color: var(--light-text); font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; padding: 4px 10px; border-radius: var(--b-radius, 20px); white-space: nowrap;">подтверждено</span>
</div>
<details class="fk-req-spoiler" style="margin-top:2px;">
<summary style="cursor:pointer; font-size:10.5px; font-weight:700; color:var(--link-acc); list-style:none;">Подробнее ▾</summary>
<div class="fk-order-items" style="margin-top:10px;">
<div class="fk-order-item" data-item-idx="0" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/felicia_hardy_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Фелиции</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="1" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb, var(--dark-bord) 15%, transparent);">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/oberyn_martell_autumn.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Осенний вайб Оберина</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">чейз-фигурка · 6&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
<div class="fk-order-item" data-item-idx="2" style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;">
<div class="fk-req-img-wrap" style="width:40px;height:40px;border-radius:50%;background:var(--base-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/fugaro.png" style="max-width:82%;max-height:82%;"></div>
<div style="flex:1;min-width:0;">
<div class="fk-order-item-title" style="font-weight:bold;font-size:12.5px;color:var(--text);">Фигаро (без банта)</div>
<div style="margin-top:3px;"><span style="display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--link-acc) 16%, var(--base-bg2));color:var(--link-acc);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--b-radius, 12px);white-space:nowrap;">фигурка с браком · 1&nbsp;000 шотов 🥃</span></div>
<div style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">Способ оплаты</span><span style="color:var(--text); font-weight:bold;">отчётом</span></div>
<div class="fk-order-admin-extra" style="display:none;"></div>
</div>
</div>
</div>
<div style="margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);">
<div style="font-size:10px; font-weight:bold; letter-spacing:1px; color:var(--link-acc); text-transform:uppercase;">Все способы оплаты</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Фелиции</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Осенний вайб Оберина</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
<div style="margin-top:8px;">
<div style="font-size:11px; font-weight:bold; color:var(--text); margin-bottom:4px;">Фигаро (без банта)</div>
<div style="background:color-mix(in srgb, var(--accent2) 30%, var(--base-bg2)); border-radius:var(--b-radius, 10px); padding:8px 10px; font-size:11.5px; color:var(--text); line-height:1.6; text-align:left;">Списываем: Пост</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--dark-bord) 35%, transparent);"><span style="color:var(--link-acc);">Заказчик</span><span style="color:var(--text); font-weight:bold;">Oberyn Martell</span></div>
<div style="display:flex; justify-content:space-between; align-items:center; font-size:12.5px; margin-top:12px; padding-top:12px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 30%, transparent);"><span style="color:var(--link-acc); font-weight:bold; letter-spacing:0.5px;">ИТОГО</span><span style="color:var(--text); font-weight:bold;">0 шотов</span></div>
</details>
<div class="fk-order-admin-row" data-fk-admin="0" style="display:none; flex-direction:column; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent);">
<div style="display:flex; gap:8px;">
<button type="button" onclick="fkShowcaseApproveOrder(this,260)" style="flex:1; background:var(--accent2, var(--accent)); color:var(--dark-bord); border:none; border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Утвердить весь заказ</button>
<button type="button" onclick="fkShowcaseRejectOrder(this,260)" style="flex:1; background:none; color:var(--dark-bord); border:1.5px solid var(--dark-bord); border-radius:var(--b-radius, 20px); padding:8px; font-family:var(--sec-font); font-size:11px; font-weight:bold; cursor:pointer;">Отклонить весь заказ</button>
</div>
</div>
<div class="fk-order-login-prompt" style="display:none; margin-top:14px; padding-top:14px; border-top:1px dashed color-mix(in srgb, var(--dark-bord) 20%, transparent); text-align:center;"><a href="https://barfiles.ru/js/funko/admin.html" target="_blank" rel="noopener" style="font-size:11px; color:var(--link-acc);">Мастер или соадмин? Войти, чтобы утвердить →</a></div>
</div> 

+2

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»



Вы здесь » Crossbar » funko-bar! » оплатить счёт


Рейтинг форумов | Создать форум бесплатно