/* ===== Баннер акции с таймером ===== */
.fpr-banners { display: flex; flex-direction: column; gap: 10px; margin: 0 0 20px; }
.fpr-banners--inline { flex: 1 1 420px; margin: 0; min-width: 0; }
.fpr-banner { position: relative; display: flex; align-items: center; gap: 16px; padding: 12px 18px; border-radius: 12px; color: #fff;
  background: linear-gradient(100deg, #216be9 0%, #7b2ff7 55%, #e0338e 100%); box-shadow: 0 6px 24px rgba(123, 47, 247, .25); }
.fpr-banner__main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.fpr-banner__name { font: 800 17px/1.25 var(--font-head, Poppins, sans-serif); color: #fff; }
.fpr-banner__pct { display: inline-block; background: #fff; color: #e5323b; border-radius: 6px; padding: 0 8px; margin-left: 4px; font-size: 15px; }
.fpr-banner small { font-size: 13px; color: rgba(255, 255, 255, .88); }
.fpr-banner__timer { display: flex; align-items: baseline; gap: 2px; font: 800 22px/1 var(--font-head, Poppins, sans-serif); font-variant-numeric: tabular-nums; white-space: nowrap; }
.fpr-banner__timer span { background: rgba(0, 0, 0, .28); border-radius: 6px; padding: 6px 7px; min-width: 1.6em; text-align: center; }
.fpr-banner__timer em { font-style: normal; font-size: 13px; font-weight: 600; opacity: .85; margin: 0 4px 0 2px; }
.fpr-banner--nodays [data-u="d"], .fpr-banner--nodays [data-u="d"] + em { display: none; }
.summary .fpr-banners { margin: 10px 0 16px; }
.summary .fpr-banner { padding: 10px 14px; } .summary .fpr-banner__name { font-size: 15px; } .summary .fpr-banner__timer { font-size: 18px; }
@media (max-width: 767px) {
  .fpr-banners--inline { flex-basis: 100%; }
  .fpr-banner { flex-direction: column; align-items: flex-start; gap: 8px; }
  .fpr-banner__timer { font-size: 18px; }
}

/* ===== Вкладка «Акции и скидки» ===== */
.fpr h3 { margin: 0 0 8px; font-size: 18px; }
.fpr-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.fpr-hint { color: var(--dim); font-size: 13px; margin: 0 0 12px; }
.fpr-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; }
.fpr-empty { padding: 20px; text-align: center; color: var(--dim); border: 1px dashed var(--fap-line); border-radius: 10px; }
.fpr-item { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 12px 14px; border-radius: 10px; background: var(--fap-bg); border: 1px solid var(--fap-line); }
.fpr-item__main { flex: 1; min-width: 240px; display: flex; flex-direction: column; gap: 2px; }
.fpr-item__main small { color: var(--dim); }
.fpr-item__pct { color: #e5323b; }
.fpr-st { font-style: normal; font-weight: 700; }
.fpr-item.is-live { border-color: #22b04b; } .fpr-item.is-live .fpr-st { color: #22b04b; }
.fpr-item.is-soon .fpr-st { color: #d29922; }
.fpr-item.is-done, .fpr-item.is-off { opacity: .6; }
.fpr-edit, .fpr-block { padding: 16px; border-radius: 12px; border: 1px solid var(--fap-line); background: var(--fap-bg); margin-bottom: 20px; display: flex; flex-direction: column; gap: 12px; }
.fpr-edit[hidden] { display: none; }
.fpr-grid { display: grid; grid-template-columns: 2fr 1fr 1.3fr 1.3fr; gap: 12px; }
.fpr label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--dim); }
.fpr input[type=text], .fpr input:not([type]), .fpr input[type=number], .fpr input[type=datetime-local], .fpr input[type=search], .fpr input[type=password] {
  padding: 9px 11px; border-radius: 8px; border: 1.5px solid var(--fap-line); background: var(--bg, #1f2328); color: var(--text); font-size: 14px; color-scheme: dark; }
html:not(.fantom-games-dark) body.mode-games .fpr input { color-scheme: light; }
.fpr-scope, .fpr-checks { display: flex; gap: 18px; flex-wrap: wrap; align-items: center; font-size: 14px; }
.fpr-scope label, .fpr-checks label, .fpr-chk { flex-direction: row !important; align-items: center; gap: 6px !important; font-size: 14px !important; color: var(--text) !important; }
.fpr-cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 4px 12px; padding: 10px; border-radius: 8px; border: 1px solid var(--fap-line); max-height: 320px; overflow: auto; }
.fpr-cats[hidden], .fpr-prods[hidden] { display: none; }
.fpr-cat { flex-direction: row !important; align-items: center; gap: 6px !important; font-size: 13px !important; color: var(--text) !important; padding-left: 18px; }
.fpr-cat--top { padding-left: 0; font-weight: 700; }
.fpr-cats small { grid-column: 1 / -1; color: var(--dim); }
.fpr-prods { display: flex; flex-direction: column; gap: 8px; }
.fpr-prods__list { display: flex; flex-wrap: wrap; gap: 6px; } .fpr-prods__list small { color: var(--dim); }
.fpr-chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 6px 4px 10px; border-radius: 999px; background: color-mix(in srgb, var(--blue) 18%, transparent); font-size: 13px; }
.fpr-chip button { background: none; border: 0; color: #e5534b; font-size: 18px; line-height: 1; cursor: pointer; }
.fpr-search { position: relative; max-width: 520px; } .fpr-search input { width: 100%; box-sizing: border-box; }
.fpr-search__res { position: absolute; left: 0; right: 0; top: 100%; z-index: 20; max-height: 260px; overflow: auto; background: var(--fap-bg); border: 1.5px solid var(--fap-line); border-radius: 8px; margin-top: 4px; }
.fpr-search__res button { display: block; width: 100%; text-align: left; padding: 8px 10px; background: none; border: 0; color: var(--text); cursor: pointer; }
.fpr-search__res button:hover { background: color-mix(in srgb, var(--blue) 20%, transparent); } .fpr-search__res em { display: block; padding: 8px 10px; color: var(--dim); }
.fpr-edit__foot { display: flex; gap: 10px; }
.fpr-tg { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: end; }
.fpr-tg .fpr-chk, .fpr-tg button { grid-column: 1 / -1; justify-self: start; }
.fpr-ok { color: #22b04b; font-style: normal; } .fpr-no { color: #d29922; font-style: normal; }
.fpr-users { display: flex; flex-direction: column; gap: 6px; }
.fpr-user { display: flex; gap: 12px; flex-wrap: wrap; font-size: 14px; } .fpr-user span { color: var(--dim); }
@media (max-width: 767px) { .fpr-grid, .fpr-tg { grid-template-columns: 1fr; } }

/* ===== Промокоды: редактор ===== */
.fpr-head--codes { margin-top: 8px; }
.fpr-clist { display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; }
.fpr-code { font-family: ui-monospace, Consolas, monospace; letter-spacing: .04em; cursor: copy; border-bottom: 1px dashed currentColor; }
.fpr-codein { display: flex; gap: 6px; } .fpr-codein input { flex: 1; min-width: 0; text-transform: uppercase; }

/* ===== Промокоды: поле на оформлении заказа ===== */
.fpr-cbox { margin: 0 0 16px; font-size: 14px; }
.fpr-cbox__toggle, .fpr-cbox__del { background: none; border: 0; padding: 0; color: inherit; text-decoration: underline dashed; text-underline-offset: 3px; cursor: pointer; font: inherit; opacity: .85; }
.fpr-cbox__toggle:hover, .fpr-cbox__del:hover { opacity: 1; }
.fpr-cbox__form { display: flex; gap: 8px; max-width: 420px; }
.fpr-cbox__form[hidden] { display: none; }
.fpr-cbox__in { flex: 1; min-width: 0; text-transform: uppercase; }
.fpr-cbox__on { padding: 10px 14px; border-radius: 10px; border: 1px dashed #22b04b; background: color-mix(in srgb, #22b04b 10%, transparent); }
.fpr-cbox__on .fpr-cbox__del { margin-left: 8px; font-size: 13px; }
.fpr-cbox__msg { margin-top: 6px; font-size: 13px; color: #22b04b; } .fpr-cbox__msg:empty { display: none; }
.fpr-cbox__msg.is-bad { color: #e5534b; }