написали 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! » оплатить счёт


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

Сообщений 61 страница 90 из 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

61

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="261" 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/harry_potter.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/autumn_in_new_york.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;">Заказ #261 · 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/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="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/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="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/autumn_in_new_york.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;">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;">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,261)" 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,261)" 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

62

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="263" 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_357.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/sue_storm.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;">Заказ #263 · 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/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&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/sue_storm.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;">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>
<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,263)" 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,263)" 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

63

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="265" 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/leonardo.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/raphael.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/sue_storm.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;">Заказ #265 · 6 позиций</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/leonardo.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/raphael.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/sue_storm.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/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="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/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="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/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;">Morag MacDougal</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,265)" 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,265)" 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

64

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="266" 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;">Заказ #266 · 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/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="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/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="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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/rhaenyra.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;">Поколение 2</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/aperol.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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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;">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,266)" 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,266)" 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

65

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="267" 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/cheshire_cat_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/batman_ben_affleck.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;">Заказ #267 · 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/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="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/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>
<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;">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;">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,267)" 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,267)" 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

66

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="264" 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/champion_of_cyrodill_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/rickey_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;">+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;">Заказ #264 · 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/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="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&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/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="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/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&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/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&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;">Champion of Cyrodiil</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,264)" 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,264)" 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

67

Код:
<!--HTML--> <div class="fk-req-card" data-request-id="1491" 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/sleepy_hollow.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;">Заявка #1491</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;">Oberyn Martell</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,1491)" 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,1491)" 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> 

+5

68

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="268" 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/sake_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/amanda_clarke_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;">+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;">Заказ #268 · 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/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="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&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/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="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/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>
<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;">Sake</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,268)" 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,268)" 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

69

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="269" 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/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/sake_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/james_gordon.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;">Заказ #269 · 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/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="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_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/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>
<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;">Oswald Cobblepot</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,269)" 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,269)" 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

70

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="270" 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/cheshire_cat_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/james_gordon.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/levi_ackerman.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;">Заказ #270 · 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(--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/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="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/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="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/levi_ackerman.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/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="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/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="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/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="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/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="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/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="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;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&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/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&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/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>
<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;">Sake</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,270)" 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,270)" 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

71

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="271" 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/james_gordon.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/autumn_in_new_york.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/mezcal.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;">Заказ #271 · 6 позиций</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/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 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/autumn_in_new_york.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 style="display:flex; justify-content:space-between; font-size:11.5px; margin-top:5px;"><span style="color:var(--link-acc);">🎁 Получатель</span><span style="color:var(--text); font-weight:bold;">Oberyn Martell</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/mezcal.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/sue_storm.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.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;">
<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/eddie_munson.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;">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;">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,271)" 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,271)" 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

72

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="272" 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/aperol.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/jane_hopper.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;">+19</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;">Заказ #272 · 22 позиций</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;"></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/aperol.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/jane_hopper.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/jinu.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/chris_marshall.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/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 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/leonardo.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/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&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/mezcal.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/mysaria.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/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 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/prosecco.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="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/raphael.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="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/rhaenyra.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="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/robin_buckley.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="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/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="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/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="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/sue_storm.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="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/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="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/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&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="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/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="21" 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/eddie_munson.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;">Лонг Айленд</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;">Sake</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,272)" 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,272)" 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

73

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="273" 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/robin_buckley.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;">Заказ #273 · 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;"></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/robin_buckley.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;">Oswald Cobblepot</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,273)" 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,273)" 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

74

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="274" 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/eddie_munson.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 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/cheshire_cat_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;">+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;">Заказ #274 · 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/eddie_munson.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/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&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/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="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/jane_hopper.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;">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;">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,274)" 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,274)" 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

75

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="275" 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/champion_of_cyrodill_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/amanda_clarke_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;">Заказ #275 · 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/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="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&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/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="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/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&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/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&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/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>
<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;">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;">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,275)" 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,275)" 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

76

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="276" 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/champion_of_cyrodill_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/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/mentalism_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;">+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;">Заказ #276 · 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/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="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/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&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/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&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/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&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/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>
<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;">Sake</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,276)" 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,276)" 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

77

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="277" 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;">Заказ #277 · 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/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;">рандомная фигурка · 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;">Поколение 2</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/mezcal.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;">Поколение 2</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/sue_storm.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;">Поколение 2</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/mysaria.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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/mysaria.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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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;">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,277)" 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,277)" 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

78

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="278" 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_frontmen.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_426.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_404.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;">+11</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;">Заказ #278 · 14 позиций</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_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 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_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&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_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&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/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&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/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&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/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&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/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&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/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&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/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;"></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/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&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/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&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/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="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_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&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;">
<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>
<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;">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;">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 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;">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;">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;">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;">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>
<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;">Sake</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,278)" 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,278)" 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

79

Код:
<!--HTML--> <div class="fk-req-card" data-request-id="1573" 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/knives_out.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;">Заявка #1573</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;">Enver Gortash</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,1573)" 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,1573)" 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

80

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="279" 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;">+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;">Заказ #279 · 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;"><img class="fk-req-img" src="https://barfiles.ru/js/funko/images/chris_marshall.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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/robin_buckley.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;">Поколение 2</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/rhaenyra.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;">Поколение 2</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;">
<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/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;">рандомная фигурка · 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;">Поколение 2</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>
<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,279)" 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,279)" 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

81

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="280" 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/sake_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/meowth_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/levi_ackerman.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;">Заказ #280 · 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/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="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/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="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/levi_ackerman.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/levi_ackerman.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;">Mao Mao</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;">Jinshi</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,280)" 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,280)" 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

82

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="281" 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/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/rickey_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;">+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;">Заказ #281 · 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/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&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;">Katie Bell</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/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="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/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="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/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&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/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>
<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;">Morag MacDougal</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,281)" 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,281)" 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

83

Код:
<!--HTML--> <div class="fk-req-card" data-request-id="1593" 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/little_women.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;">Заявка #1593</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;">Sake</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;">Oswald Cobblepot</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,1593)" 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,1593)" 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

84

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="282" 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;">Заказ #282 · 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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/mezcal.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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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;">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,282)" 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,282)" 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

85

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="283" 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/dustin_henderson.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/robin_buckley.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/sue_storm.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;">Заказ #283 · 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/dustin_henderson.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/robin_buckley.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/sue_storm.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/eddie_munson.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;">Champion of Cyrodiil</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,283)" 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,283)" 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

86

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="284" 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;">+24</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;">Заказ #284 · 27 позиций</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/sue_storm.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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/dustin_henderson.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;">Поколение 2</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/aperol.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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/robin_buckley.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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/rhaenyra.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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/dustin_henderson.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;">Поколение 2</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;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/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;">рандомная фигурка · 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;">Поколение 2</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="25" 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/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;">рандомная фигурка · 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;">Поколение 2</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="26" 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/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;">рандомная фигурка · 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;">Поколение 2</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 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,284)" 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,284)" 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

87

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="285" 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/rickey_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/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(--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;">Заказ #285 · 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;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="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/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="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/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&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_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="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/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&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;">
<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>
<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;">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,285)" 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,285)" 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

88

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="286" 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;">+17</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;">Заказ #286 · 20 позиций</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/chris_marshall.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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/levi_ackerman.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;">Поколение 2</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/mezcal.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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/mezcal.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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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/mysaria.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;">Поколение 2</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/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;">рандомная фигурка · 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;">Поколение 2</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;">
<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/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;">рандомная фигурка · 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;">Поколение 2</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>
<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,286)" 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,286)" 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

89

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="287" 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/thorin.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_autumn.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;">Заказ #287 · 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/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&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/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>
<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,287)" 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,287)" 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

90

Код:
<!--HTML--> <div class="fk-order-card" data-order-id="288" 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/sleepy_hollow.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/batman_ben_affleck.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;">Заказ #288 · 10 позиций</div>
<div style="font-size:10px; color:var(--text); opacity:.6;">35 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/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="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 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/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="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/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="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/levi_ackerman.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/levi_ackerman.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/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="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;">
<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;">Cheshire Cat</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;">35 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,288)" 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,288)" 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! » оплатить счёт


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