/* /report-bug — pranešimas apie klaidą (Domantas #259). Tos pačios svetainės spalvos ir laukeliai kaip /account. */
.rb-puslapis .juosta { background: rgba(6, 8, 11, .82); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.rb { position: relative; max-width: 760px; margin: 0 auto; padding: 120px var(--kr) 110px; min-height: 80vh; }
.rb-svytejimas { position: absolute; inset: 0 0 auto; height: 460px; pointer-events: none; z-index: -1;
  background: radial-gradient(52% 60% at 50% 0%, rgba(232, 93, 42, .15), transparent 70%); }
.zyme { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #FFB08F; }
.zyme i { width: 8px; height: 8px; border-radius: 50%; background: var(--zenklas); box-shadow: 0 0 0 4px rgba(232, 93, 42, .22); }
.rb-galva h1 { margin: 16px 0 14px; font-size: clamp(34px, 4.6vw, 54px); }
.rb-galva > p { color: var(--tekstas-2); font-size: 18px; }
.rb-galva b { color: var(--tekstas); font-weight: 650; }
.rb-premija { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 15.5px !important; }
.rb-zenkl { padding: 3px 10px; border-radius: 999px; font-size: 12.5px; font-weight: 700; letter-spacing: .04em; color: #CFF7E2; background: rgba(63, 208, 138, .12); box-shadow: inset 0 0 0 1px rgba(63, 208, 138, .4); }

.rb-forma, .rb-aciu { margin-top: 30px; padding: 30px; border-radius: 24px; border: 1px solid var(--linija-2);
  background: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .01)), #0B1015; box-shadow: 0 40px 120px rgba(0, 0, 0, .5), 0 0 90px -50px rgba(232, 93, 42, .5);
  display: grid; gap: 18px; animation: rbIn .7s var(--lenk) both; }
@keyframes rbIn { from { opacity: 0; transform: translateY(18px); filter: blur(6px); } }
.rb-laukas { display: grid; gap: 7px; }
.rb-laukas > span { font-size: 15px; font-weight: 650; color: #DCE3EA; }
.rb-laukas em { color: #FF9A70; font-style: normal; }
.rb-laukas small, .rb-failai-pav small { color: var(--blankus); font-weight: 500; font-size: 13.5px; margin-left: 6px; }
.rb-laukas textarea, .rb-laukas input { width: 100%; padding: 13px 16px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .04); color: var(--tekstas);
  font: inherit; font-size: 16px; line-height: 1.5; resize: vertical; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.rb-laukas input { min-height: 48px; }
.rb-laukas textarea::placeholder, .rb-laukas input::placeholder { color: #66737F; }
.rb-laukas textarea:hover, .rb-laukas input:hover { border-color: rgba(255, 255, 255, .24); }
.rb-laukas textarea:focus, .rb-laukas input:focus { outline: none; border-color: rgba(232, 93, 42, .8); background: rgba(255, 255, 255, .06); box-shadow: 0 0 0 4px rgba(232, 93, 42, .16); }
.rb-laukas .rb-pastaba { margin: 0; }
.rb-kas { margin: 0; color: var(--tekstas-2); font-size: 15px; }
.rb-kas b { color: var(--tekstas); }

.rb-failai { display: grid; gap: 10px; }
.rb-failai-pav { font-size: 15px; font-weight: 650; color: #DCE3EA; }
.rb-zona { display: grid; justify-items: center; gap: 6px; padding: 26px 18px; border-radius: 18px; border: 1.5px dashed rgba(255, 255, 255, .2); background: rgba(255, 255, 255, .02);
  color: var(--tekstas-2); text-align: center; cursor: pointer; transition: border-color .2s ease, background .2s ease, transform .25s var(--lenk); }
.rb-zona svg { width: 30px; height: 30px; color: #FF9A70; }
.rb-zona b { color: var(--tekstas); font-weight: 650; }
.rb-zona small { font-size: 13.5px; }
.rb-zona:hover, .rb-zona:focus-visible, .rb-zona.tempia { border-color: rgba(232, 93, 42, .7); background: rgba(232, 93, 42, .06); }
.rb-zona.tempia { transform: scale(1.01); }
.rb-sarasas { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.rb-sarasas li { position: relative; display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 14px; background: rgba(255, 255, 255, .03); box-shadow: inset 0 0 0 1px var(--linija); overflow: hidden; }
.rb-sarasas .rb-miniat { width: 44px; height: 44px; border-radius: 10px; object-fit: cover; background: #121820; display: grid; place-items: center; font-size: 20px; }
.rb-sarasas .rb-vardas { min-width: 0; display: grid; gap: 2px; }
.rb-sarasas .rb-vardas b { font-weight: 600; font-size: 14.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rb-sarasas .rb-vardas small { color: var(--blankus); font-size: 13px; }
.rb-sarasas .rb-salinti { border: 0; background: none; color: var(--tekstas-2); font-size: 18px; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; }
.rb-sarasas .rb-salinti:hover { background: rgba(255, 255, 255, .08); color: var(--tekstas); }
.rb-sarasas .rb-eiga { position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: linear-gradient(90deg, #C84A1C, #FF7A45); transition: width .2s linear; }
.rb-sarasas li.gerai .rb-eiga { background: #3FD08A; }
.rb-sarasas li.blogai { box-shadow: inset 0 0 0 1px rgba(239, 68, 68, .45); }
.rb-sarasas li.blogai small { color: #FFB4B4; }

.rb-klaida { margin: 0; padding: 10px 14px; border-radius: 12px; background: rgba(239, 68, 68, .12); border: 1px solid rgba(239, 68, 68, .35); color: #FFB4B4; font-size: 15px; }
.rb-veiksmai { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.rb-busena { color: var(--tekstas-2); font-size: 15px; }
.rb-siusti[aria-busy="true"] { pointer-events: none; opacity: .75; }
.rb-siusti[aria-busy="true"] span::after { content: ''; display: inline-block; width: 14px; height: 14px; margin-left: 10px; vertical-align: -2px; border-radius: 50%; border: 2px solid rgba(11, 15, 19, .3); border-top-color: #0B0F13; animation: rbSuk .7s linear infinite; }
@keyframes rbSuk { to { transform: rotate(1turn); } }

.rb-aciu { justify-items: start; border-color: rgba(63, 208, 138, .45); background: radial-gradient(70% 100% at 0% 0%, rgba(63, 208, 138, .14), transparent 70%), #0B1015; }
.rb-aciu h2 { font-size: clamp(24px, 3vw, 34px); }
.rb-aciu p { margin: 0; color: var(--tekstas-2); }
.rb-aciu-zenklas { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; background: rgba(63, 208, 138, .16); color: #6EE7A8; box-shadow: inset 0 0 0 1.5px rgba(63, 208, 138, .55); }
.rb-aciu-zenklas svg { width: 28px; height: 28px; }
#rb-ref { color: #8BEBB9; }

@media (max-width: 760px) {
  .rb { padding-top: 92px; }
  .rb-forma, .rb-aciu { padding: 22px 18px; border-radius: 20px; }
  .rb-siusti { width: 100%; }
}