/* Дополнение к стилям страниц: всё, что появилось вместе с настоящим
   бэкендом — шаги модалки заказа, визард входа в Roblox, состояния витрины.
   Токены те же: --bg, --bg-soft, --line, --acid, --text, --text-dim. */

.order-body{margin-bottom:26px;text-align:center;}
.order-body:empty{display:none;}
.order-body p{font-size:15px;line-height:1.6;color:#c4ceba;margin:0 0 16px;}
.order-body p.muted{color:#8f9a84;font-size:13.5px;}
.order-body .order-code-box{text-align:center;}
.order-code-box .code-list{display:flex;flex-direction:column;gap:10px;align-items:center;}
.order-code-box .code-list .code-with-copy{font-family:'Space Grotesk',sans-serif;font-size:22px;color:var(--acid);}
.order-actions{display:flex;flex-direction:column;gap:10px;margin:8px 0 6px;}
.order-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;padding:13px 18px;border-radius:12px;border:1px solid var(--acid);background:var(--acid);color:#0a0d07;font:600 15px 'Inter',sans-serif;cursor:pointer;text-decoration:none;transition:filter .15s,background .15s,color .15s;}
.order-btn:hover{filter:brightness(1.08);}
.order-btn:disabled{opacity:.6;cursor:default;filter:none;}
.order-btn.ghost{background:transparent;color:var(--acid);}
.order-btn.ghost:hover{background:rgba(198,255,77,.1);filter:none;}
.order-btn.danger{border-color:#e0664f;color:#e0664f;background:transparent;}
.order-btn.danger:hover{background:rgba(224,102,79,.1);}
.order-btn svg{flex-shrink:0;}
.order-hint{font-size:13px;color:#8f9a84;line-height:1.55;margin-top:10px;}
.order-instructions{white-space:pre-line;text-align:left;font-size:14.5px;line-height:1.65;color:#dfe6d3;background:#151d0e;border:1px solid #3e5128;border-radius:14px;padding:16px 18px;margin:0 0 16px;}
.order-link-box{display:flex;flex-direction:column;gap:6px;align-items:stretch;background:#151d0e;border:1px dashed #4a602e;border-radius:12px;padding:12px 14px;margin:0 0 14px;text-align:left;}
.order-link-box span{font-size:12px;color:#8f9a84;}
.order-link-box code{font:13px/1.5 ui-monospace,Menlo,Consolas,monospace;color:var(--acid);overflow-wrap:anywhere;user-select:all;}
.order-spinner{display:inline-block;width:34px;height:34px;border-radius:50%;border:3px solid #2b331f;border-top-color:var(--acid);animation:spin 1s linear infinite;margin:6px auto 16px;}
@keyframes spin{to{transform:rotate(360deg);}}
.order-countdown{font:500 13px 'Inter',sans-serif;color:#8f9a84;margin-top:10px;}
.order-countdown b{color:var(--text);font-weight:500;}
.order-user{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border:1px solid var(--line);border-radius:100px;background:var(--bg-soft);font-size:14px;color:var(--text);margin-bottom:16px;}
.order-user img{width:30px;height:30px;border-radius:50%;background:#1b2511;}
.order-user small{color:#8f9a84;}

/* --- визард conversational --- */
.wiz{ text-align:left; }
.wiz-prompt{font-size:15.5px;line-height:1.6;color:var(--text);margin:0 0 16px;text-align:center;}
.wiz-field{display:block;width:100%;box-sizing:border-box;min-height:50px;border:1px solid #4a5b36;border-radius:12px;background:#0c1108;color:var(--text);padding:12px 14px;font:16px 'Inter',sans-serif;margin-bottom:12px;}
.wiz-field:focus{outline:2px solid var(--acid);outline-offset:2px;}
.wiz-field.code{font:600 26px 'Space Grotesk',sans-serif;letter-spacing:.35em;text-align:center;}
.wiz-error{font-size:13.5px;color:#e0664f;margin:-4px 0 12px;text-align:center;}
.wiz-error:empty{display:none;}
.wiz-options{display:grid;gap:10px;margin-bottom:14px;}
.wiz-options.list{grid-template-columns:1fr;}
.wiz-options.grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.wiz-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border:1px solid #3e5128;border-radius:14px;background:#11170c;color:var(--text);cursor:pointer;font:500 13.5px 'Inter',sans-serif;text-align:center;transition:border-color .15s,background .15s;}
.wiz-options.list .wiz-option{flex-direction:row;justify-content:flex-start;padding:14px 16px;font-size:15px;}
.wiz-option:hover{border-color:#88b932;}
.wiz-option.selected{border-color:var(--acid);background:#1d2a13;box-shadow:0 0 0 1px var(--acid) inset;}
.wiz-option img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:#1b2511;}
.wiz-option .num{position:absolute;top:6px;left:6px;width:22px;height:22px;border-radius:50%;background:#0a0d07cc;color:var(--acid);font:600 12px/22px 'Inter',sans-serif;}
.wiz-grid-image{display:block;width:100%;border-radius:14px;margin-bottom:12px;border:1px solid #3e5128;}
.wiz-counter{font-size:13px;color:#8f9a84;text-align:center;margin-bottom:12px;}
.wiz-counter b{color:var(--acid);}
.wiz-eye{position:relative;}
.wiz-eye button{position:absolute;right:10px;top:12px;width:30px;height:30px;border:0;background:none;color:#8f9a84;cursor:pointer;}
.wiz-eye button:hover{color:var(--acid);}
@media(max-width:480px){.wiz-options.grid{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* --- витрина --- */
.denom.soldout{opacity:.45;cursor:not-allowed;}
.denom.soldout .price{text-decoration:line-through;}
.denoms-empty{grid-column:1/-1;padding:28px;text-align:center;color:#8f9a84;font-size:15px;}
.summary-row.summary-user{align-items:center;}
.summary-user .value{display:inline-flex;align-items:center;gap:8px;color:var(--text);}
.summary-user img{width:22px;height:22px;border-radius:50%;}
.method-badge.method-off{color:#e0664f;border-color:#6b3a31;background:#2a1712;}
.method-notice{font-size:13.5px;line-height:1.55;color:#e8b8ad;background:#2a1712;border:1px solid #6b3a31;border-radius:12px;padding:12px 14px;margin:0 0 18px;}
.username-check{display:flex;align-items:center;gap:10px;min-height:28px;font-size:14px;color:#afbaa3;margin:-8px 0 18px;}
.username-check img{width:28px;height:28px;border-radius:50%;background:#1b2511;}
.username-check.ok{color:var(--acid);}
.username-check.bad{color:#e0664f;}
.username-check:empty{display:none;}
.btn-primary:disabled,.method-action:disabled{opacity:.55;cursor:not-allowed;filter:none;}

/* --- шапка: пополнение баланса --- */
.topup-feedback{font-size:13px;line-height:1.5;color:#afbaa3;margin:-10px 0 16px;white-space:pre-line;}
.topup-feedback:empty{display:none;}
.dd-role{display:inline-block;margin-left:8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--acid);border:1px solid #4d682e;border-radius:100px;padding:2px 8px;vertical-align:middle;}
.admin-link-btn{display:block;text-align:center;font-size:13px;color:#afbaa3;text-decoration:none;margin:-10px 0 14px;}
.admin-link-btn:hover{color:var(--acid);}

/* --- таблица заказов --- */
.order-status.awaiting_buyer,.order-status.paid,.order-status.processing{color:#e9d67c;border-color:#6b5e2c;}
.order-status.refunded,.order-status.cancelled,.order-status.expired{color:#a8b49b;border-color:#455638;}
.order-continue{display:inline-block;margin-top:6px;font-size:13px;color:var(--acid);}
.orders-guest-note{font-size:13.5px;color:#8f9a84;line-height:1.6;margin:0 0 18px;}