/* Модалка «Сообщить об ошибке» (partials/bug-report.blade.php), открывается из футера */

.br{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}
.br[hidden]{display:none}
.br__backdrop{position:absolute;inset:0;background:rgba(26,29,46,.55);backdrop-filter:blur(2px)}
.br__box{position:relative;background:#fafafa;border-radius:1rem;max-width:30rem;width:100%;max-height:90vh;overflow-y:auto;padding:1.75rem 1.5rem 1.5rem;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.br__close{position:absolute;top:.6rem;right:.6rem;width:2rem;height:2rem;border:0;border-radius:50%;background:#f4f4f5;color:#1a1d2e;font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.br__close:hover{background:#e5e5e9}
.br__title{font-family:inherit;font-weight:700;color:#1a1d2e;font-size:1.35rem;margin:0 0 .25rem}
.br__sub{color:#66677a;font-size:.9rem;margin:0 0 1.1rem}

.br__label{display:block;font-size:.82rem;font-weight:600;color:#1a1d2e;margin:.85rem 0 .35rem}
.br__req{color:#c0392b}
.br__input{width:100%;padding:.6rem .75rem;border:1px solid #e0e0e6;border-radius:.6rem;background:#fff;font-size:.92rem;color:#1a1d2e;font-family:inherit}
.br__input:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 3px rgba(29,78,216,.12)}
.br__textarea{resize:vertical;min-height:5.5rem}
.br__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.br__drop{margin-top:.35rem;border:1px dashed #cfd0d8;border-radius:.75rem;background:#fff;padding:1rem;text-align:center;cursor:default;transition:border-color .2s ease,background .2s ease}
.br__drop.is-over{border-color:#1d4ed8;background:#eff4ff}
.br__drop-empty[hidden],.br__preview[hidden],.br__form[hidden]{display:none}
.br__drop-empty{display:flex;flex-direction:column;align-items:center;gap:.3rem;color:#66677a;font-size:.85rem}
.br__drop-ic{font-size:1.5rem}
.br__drop-hint{font-size:.75rem;color:#9a9aa8}
.br__link{border:0;background:none;padding:0;color:#1d4ed8;font:inherit;cursor:pointer;text-decoration:underline}
.br__preview{display:flex;flex-direction:column;align-items:center;gap:.5rem}
.br__preview img{max-width:100%;max-height:12rem;border-radius:.5rem;border:1px solid #e0e0e6}
.br__preview-del{border:0;background:none;color:#c0392b;font-size:.82rem;cursor:pointer}

.br__error{margin:.8rem 0 0;padding:.6rem .75rem;border-radius:.6rem;background:#fdecea;color:#a5281c;font-size:.85rem}
.br__error[hidden]{display:none}
.br__submit{width:100%;margin-top:1rem;padding:.75rem 1rem;border:0;border-radius:.7rem;background:#1d4ed8;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s ease}
.br__submit:hover{background:#1740b6}
.br__submit:disabled{opacity:.6;cursor:default}
.br__note{margin:.7rem 0 0;font-size:.75rem;color:#9a9aa8;text-align:center}
.br__note a{color:#66677a;text-decoration:underline}

.br__done{text-align:center;padding:1rem 0 .25rem}
.br__done[hidden]{display:none}
.br__done-ic{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:#e8f5e9;color:#2e7d32;font-size:1.5rem;margin-bottom:.75rem}
.br__done-t{margin:0 0 .25rem;font-weight:700;color:#1a1d2e}
.br__done-s{margin:0;color:#66677a;font-size:.88rem}