/* BeOn «Пожаловаться» widget. Desktop: centered dialog; <=600px: bottom sheet. */
html.brp-lock, html.brp-lock body { overflow: hidden; }
.brp-root { position: fixed; inset: 0; top: 0; left: 0; right: 0; bottom: 0; z-index: 100050; font: 14px/1.4 -apple-system, "Segoe UI", Roboto, Arial, sans-serif; color: #1d2129; }
.brp-backdrop { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.45); }
.brp-sheet { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 440px; max-width: calc(100% - 32px); max-height: calc(100% - 48px);
  overflow: auto; background: #fff; border-radius: 12px; box-shadow: 0 12px 40px rgba(0,0,0,.25); -webkit-overflow-scrolling: touch; }
.brp-grip { display: none; }
.brp-head { display: flex; align-items: center; padding: 14px 16px 6px; }
.brp-title { flex: 1; font-size: 17px; font-weight: 600; }
.brp-x { border: 0; background: none; font-size: 26px; line-height: 1; width: 36px; height: 36px; cursor: pointer; color: #65676b; border-radius: 50%; }
.brp-x:hover { background: #f0f2f5; }
.brp-body { padding: 4px 16px 16px; }
.brp-target { background: #f5f6f8; border-radius: 8px; padding: 8px 10px; margin-bottom: 10px; color: #444; word-wrap: break-word; }
.brp-label { display: block; font-weight: 600; margin: 10px 0 6px; }
.brp-muted { color: #8a8d91; font-weight: normal; }
.brp-text { margin: 6px 0 10px; }
.brp-ok { color: #1e7e34; }
.brp-err, .brp-error { color: #c62828; }
.brp-error { min-height: 18px; margin-top: 6px; }
.brp-reasons { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.brp-reason, .brp-pm { display: flex; align-items: flex-start; gap: 8px; padding: 9px 10px; border: 1px solid #dfe1e5; border-radius: 8px; cursor: pointer; min-height: 22px; }
.brp-reason input, .brp-pm input { margin: 2px 0 0; flex: none; width: 18px; height: 18px; }
.brp-reason:hover, .brp-pm:hover { border-color: #b0b4ba; }
.brp-pms { display: flex; flex-direction: column; gap: 6px; max-height: 240px; overflow: auto; }
.brp-pm span { word-wrap: break-word; overflow-wrap: anywhere; }
.brp-pm-meta { display: block; color: #8a8d91; font-size: 12px; }
.brp-comment { width: 100%; box-sizing: border-box; border: 1px solid #dfe1e5; border-radius: 8px; padding: 8px 10px; font: inherit; resize: vertical; }
.brp-actions { display: flex; gap: 8px; margin-top: 12px; }
.brp-btn { flex: 1; display: inline-block; text-align: center; text-decoration: none; padding: 10px 14px; border-radius: 8px; border: 1px solid #dfe1e5;
  background: #fff; color: #1d2129; font: inherit; font-weight: 600; cursor: pointer; }
.brp-btn:hover { background: #f5f6f8; text-decoration: none; }
.brp-primary { background: #d93025; border-color: #d93025; color: #fff; }
.brp-primary:hover { background: #b3261e; color: #fff; }
.brp-btn[disabled] { opacity: .6; cursor: default; }
a.brp-link { color: #8a8d91; }
a.brp-link:hover { color: #d93025; }
.brp-report-btn { display: inline-flex; align-items: center; gap: 4px; color: #8a8d91; text-decoration: none; font-size: 13px; }
.brp-report-btn:hover { color: #d93025; }
@media (max-width: 600px) {
  .brp-sheet { left: 0; right: 0; top: auto; bottom: 0; transform: none; width: auto; max-width: none; max-height: 88%; border-radius: 16px 16px 0 0;
    padding-bottom: env(safe-area-inset-bottom); }
  .brp-grip { display: block; width: 40px; height: 4px; border-radius: 2px; background: #d0d3d8; margin: 8px auto 0; }
  .brp-reasons { grid-template-columns: 1fr; }
  .brp-reason, .brp-pm { padding: 12px; font-size: 15px; }
  .brp-btn { padding: 13px 14px; font-size: 15px; }
  .brp-comment { font-size: 16px; } /* no iOS zoom */
}
/* modern (dark) layouts style form controls globally; keep the light sheet readable */
.brp-root { color-scheme: light; }
.brp-root textarea, .brp-root input[type="text"], body .brp-root textarea#brp-comment { background: #fff !important; color: #1d2129 !important; border: 1px solid #ccd0d5; }
.brp-root input[type="radio"], .brp-root input[type="checkbox"] { -webkit-appearance: auto; appearance: auto; accent-color: #d93025; background: none; }
