/* ===== Run tracker (peste reminder + roua + items) ===== */
.rt-page { max-width: 1440px; }
.rt-page .sec { margin-top: 14px; }
.rt-page .h { font-size: 18px; }
.rt-not { display: block; margin: 6px 0 0; font-size: 12px; line-height: 1.5; color: var(--muted); }
.rt-not a, .rt-credit a, .rt-cum a { color: var(--gold); }
.rt-gol { color: var(--muted); font-size: 13px; }
.rt-lista li.rt-gol b { display: inline; font-size: inherit; color: var(--text); }
.rt-linie { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.rt-linie.c { justify-content: center; }
.rt-linie > input { flex: 1; min-width: 0; }
.rt-form.rt-linie { display: flex; }
.rt-sp { flex: 1; }

/* hero */
.rt-hero { display: flex; align-items: center; gap: 24px; margin: 12px 4px 14px; }
.rt-hero > div:first-child { flex: 1; }
.rt-hero h1 { margin: 6px 0 8px; font: 800 36px/1.1 Cinzel, serif; color: #f2e6c9; }
.rt-hero .lead { max-width: 760px; margin: 0; }
.rt-hero .lead b { color: #f2e6c9; }
.rt-hero .kicker { background: rgba(74,222,128,.12); border-color: rgba(74,222,128,.45); color: #86efac; }
.rt-hero-img { display: flex; flex: none; }
.rt-hero-img img { width: 84px; height: 84px; border-radius: 20px; border: 2px solid rgba(245,197,66,.45); box-shadow: 0 10px 30px rgba(0,0,0,.5); margin-left: -18px; transform: rotate(-6deg); }
.rt-hero-img img:nth-child(2) { transform: translateY(-10px); z-index: 1; }
.rt-hero-img img:nth-child(3) { transform: rotate(6deg); }
@media (max-width: 720px) { .rt-hero-img { display: none; } .rt-hero h1 { font-size: 30px; } }

/* bara de grup */
.rt-grupbara { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 14px; border-radius: 16px; background: var(--panel); border: 1px solid var(--panel-border); }
.rt-grupbara > div { flex: 1; min-width: 200px; }
.rt-grupbara b { display: block; font-size: 14px; color: #f2e6c9; }
.rt-grupbara small { font-size: 12px; color: var(--muted); }
.rt-grupbara code { font: 700 13px ui-monospace, Consolas, monospace; color: var(--gold); background: rgba(245,197,66,.1); padding: 2px 6px; border-radius: 6px; }
.rt-pct { flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--muted); }
.rt-grupbara.ok { border-color: rgba(74,222,128,.35); background: linear-gradient(90deg, rgba(74,222,128,.08), transparent 60%), var(--panel); }
.rt-grupbara.ok .rt-pct { background: var(--ok); box-shadow: 0 0 0 4px rgba(74,222,128,.18); animation: rt-puls 2.4s infinite; }
.rt-grupbara.eroare .rt-pct, .rt-grupbara.inexistent .rt-pct { background: var(--danger); }
.rt-grupbara.eroare, .rt-grupbara.inexistent { border-color: rgba(255,92,122,.35); }
.rt-grupbara.local .rt-pct { background: #8b91a8; }
@keyframes rt-puls { 50% { box-shadow: 0 0 0 7px rgba(74,222,128,0); } }
.rt-go2 { background: rgba(245,197,66,.16) !important; border-color: rgba(245,197,66,.6) !important; color: var(--gold) !important; }
.rt-rosu { color: var(--danger) !important; border-color: rgba(255,92,122,.4) !important; }
.rt-rosu:hover { background: rgba(255,92,122,.1) !important; }

/* unelte */
.rt-unelte { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 12px 0 10px; }
.rt-filtru { flex: 0 1 260px; min-width: 150px; padding: 10px 12px; border-radius: 12px; border: 1px solid rgba(255,255,255,.1); background: rgba(0,0,0,.3); color: var(--text); font: inherit; font-size: 13px; }
.rt-seg { display: flex; padding: 3px; border-radius: 12px; background: rgba(0,0,0,.3); border: 1px solid rgba(255,255,255,.08); }
.rt-seg button { padding: 7px 11px; border: 0; border-radius: 9px; background: none; color: var(--muted); font: 700 12px Inter, sans-serif; cursor: pointer; }
.rt-seg button.on { background: rgba(245,197,66,.15); color: var(--gold); }
.rt-pill { padding: 8px 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.03); color: var(--muted); font: 700 12px Inter, sans-serif; cursor: pointer; }
.rt-pill.on { color: var(--gold); border-color: rgba(245,197,66,.5); background: rgba(245,197,66,.1); }
.rt-cine { color: var(--text); }
.rt-cine::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--ok); margin-right: 6px; vertical-align: 1px; }
.rt-ic { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.03); color: var(--text); cursor: pointer; }
.rt-ic:hover { color: var(--gold); border-color: rgba(245,197,66,.4); }
.rt-ic .sl { display: none; }
.rt-ic.off { color: var(--muted); } .rt-ic.off .sl { display: block; }

/* bara „Urmărești” */
.rt-sumar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 12px; }
.rt-sumlbl { font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); margin-right: 4px; }
.rt-sum { position: relative; display: flex; align-items: center; gap: 8px; padding: 6px 30px 6px 7px; border-radius: 14px; background: rgba(0,0,0,.25); border: 1px solid var(--panel-border); min-width: 0; }
.rt-sum .rt-ri { width: 32px; height: 32px; }
.rt-sum b { display: block; font-size: 13px; }
.rt-sum span { display: block; font-size: 11px; color: var(--muted); white-space: nowrap; }
.rt-sum em { font-style: normal; font-weight: 800; color: var(--ok); }
.rt-sum.da { border-color: rgba(74,222,128,.32); background: linear-gradient(90deg, rgba(74,222,128,.08), rgba(0,0,0,.25)); }
.rt-sumx { position: absolute; top: 50%; right: 6px; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50%; border: 0; background: rgba(255,255,255,.06); color: var(--muted); font-size: 13px; line-height: 1; cursor: pointer; }
.rt-sumx:hover { background: rgba(255,92,122,.18); color: var(--danger); }
.rt-sumadd { display: inline-flex; align-items: center; gap: 6px; padding: 0 14px; height: 46px; border-radius: 14px; border: 1px dashed rgba(245,197,66,.45); background: rgba(245,197,66,.05); color: var(--gold); font: 700 13px Inter, sans-serif; cursor: pointer; }
.rt-sumadd b { font-size: 18px; line-height: 1; }
.rt-sumadd:hover { background: rgba(245,197,66,.12); border-style: solid; }

/* layout */
.rt-main { display: grid; gap: 14px; grid-template-columns: minmax(0, 1fr); align-items: start; }
.rt-lat { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: start; }
.rt-lat .sec { margin-top: 0 !important; }
@media (min-width: 1560px) { .rt-main { grid-template-columns: minmax(0, 1fr) 320px; } .rt-lat { position: sticky; top: 10px; grid-template-columns: 1fr; } }
.rt-lat .sec:first-child { margin-top: 0; }
.rt-tabel { border-radius: 18px; background: var(--panel); border: 1px solid var(--panel-border); overflow-x: auto; scrollbar-width: thin; }

/* grila */
.rt-grila { min-width: min-content; }
.rt-rand { display: grid; grid-template-columns: 250px repeat(var(--n), minmax(94px, 180px)); border-bottom: 1px solid rgba(255,255,255,.05); }
.rt-rand > * { padding: 7px 5px; }
.rt-rand > .rt-cc { position: sticky; left: 0; z-index: 2; background: #141826; display: flex; align-items: center; gap: 9px; padding: 8px 10px 8px 12px; border-right: 1px solid rgba(255,255,255,.05); }
.rt-rand.al-meu > .rt-cc { box-shadow: inset 3px 0 0 var(--gold); }
.rt-cap { position: sticky; top: 0; z-index: 3; background: #11141f; }
.rt-cap > .rt-cc { background: #11141f; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.rt-ch { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 3px; padding: 10px 4px !important; }
.rt-ch b { font-size: 12.5px; }
.rt-ch small { font-size: 10px; color: var(--muted); line-height: 1.2; }
.rt-ri { width: 36px; height: 36px; border-radius: 10px; object-fit: cover; border: 1px solid rgba(245,197,66,.35); flex: none; }
.rt-ri.mic { width: 22px; height: 22px; border-radius: 6px; }
.rt-ri.gol { display: grid; place-items: center; background: rgba(176,107,255,.18); color: #cfa6ff; font-size: 12px; font-weight: 800; }
.rt-grp { display: flex; align-items: baseline; gap: 10px; padding: 14px 14px 6px; position: sticky; left: 0; }
.rt-grp b { font: 800 15px Cinzel, serif; color: #f2e6c9; }
.rt-grp span { font-size: 11.5px; color: var(--muted); }
.rt-grp em { font-style: normal; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; color: var(--gold); background: rgba(245,197,66,.12); padding: 2px 7px; border-radius: 999px; }
.rt-cls { width: 30px; height: 30px; border-radius: 9px; flex: none; background: rgba(0,0,0,.3); }
.rt-cls.gol { display: grid; place-items: center; color: var(--muted); font-weight: 800; border: 1px dashed rgba(255,255,255,.15); }
.rt-cn { flex: 1; min-width: 0; }
.rt-nume { display: block; max-width: 100%; padding: 0; border: 0; background: none; color: var(--text); font: 700 14px Inter, sans-serif; text-align: left; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rt-nume:hover { color: var(--gold); }
.rt-nume small { margin-left: 6px; font-size: 10.5px; color: var(--muted); font-weight: 600; }
.rt-meta { display: block; font-size: 11px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rt-meta em { font-style: normal; color: #cbd3e3; }
.rt-on { flex: none; display: inline-flex; align-items: center; gap: 5px; max-width: 92px; padding: 4px 8px; border-radius: 999px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.03); color: var(--muted); font: 700 10.5px Inter, sans-serif; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rt-on i { width: 6px; height: 6px; border-radius: 50%; background: #5a6078; flex: none; }
.rt-on.da { color: #93c5fd; border-color: rgba(77,163,255,.4); background: rgba(77,163,255,.1); }
.rt-on.da i { background: #4da3ff; }
.rt-on.eu { color: var(--ok); border-color: rgba(74,222,128,.4); background: rgba(74,222,128,.1); }
.rt-on.eu i { background: var(--ok); }

/* celule */
.rt-cel { display: flex; flex-direction: column; justify-content: center; align-items: stretch; gap: 3px; min-height: 64px; }
.rt-go, button.rt-cel { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 7px 4px; border-radius: 12px; cursor: pointer; font-family: Inter, sans-serif; transition: transform .1s, border-color .15s, background .15s; }
.rt-go { min-height: 54px; border: 1px solid rgba(74,222,128,.26); background: radial-gradient(120% 90% at 50% 0%, rgba(74,222,128,.11), rgba(74,222,128,.025)); color: var(--ok); }
.rt-go b { font-size: 12.5px; }
.rt-go small { font-size: 10px; color: rgba(134,239,172,.7); }
.rt-go small.rt-k { color: #fcd34d; font-weight: 700; }
.rt-go:hover { border-color: var(--ok); background: rgba(74,222,128,.2); transform: translateY(-1px); }
.rt-go:active { transform: scale(.97); }
button.rt-cel.ruleaza { border: 1px solid rgba(255,255,255,.08); background: rgba(0,0,0,.25); color: var(--text); }
button.rt-cel.ruleaza:hover { border-color: rgba(245,197,66,.4); }
.rt-ceas { font: 700 14px ui-monospace, "SF Mono", Consolas, monospace; font-variant-numeric: tabular-nums; }
.rt-cel small { font-size: 10px; color: var(--muted); }
.rt-bara { display: block; width: 80%; height: 4px; border-radius: 2px; background: rgba(255,255,255,.07); overflow: hidden; }
.rt-bara em { display: block; height: 100%; background: linear-gradient(90deg, #6d7cff, #b06bff); border-radius: 2px; }
button.rt-cel.aproape { border-color: rgba(245,197,66,.45); background: rgba(245,197,66,.08); }
button.rt-cel.aproape .rt-ceas { color: var(--gold); }
button.rt-cel.aproape .rt-bara em { background: linear-gradient(90deg, #f5c542, #4ade80); }
.rt-ins { align-self: center; padding: 2px 7px; border-radius: 999px; border: 1px dashed rgba(255,255,255,.18); cursor: pointer; font-size: 10px !important; }
.rt-ins:hover { color: var(--gold) !important; border-color: rgba(245,197,66,.5); }
.rt-ins.on { border-style: solid; border-color: rgba(77,163,255,.5); color: #93c5fd !important; background: rgba(77,163,255,.1); }
.rt-mob { display: none; }

/* bun venit */
.rt-bun { padding: 40px 20px 44px; text-align: center; }
.rt-bun-ic img { width: 86px; height: 86px; border-radius: 22px; border: 2px solid rgba(245,197,66,.45); box-shadow: 0 0 40px rgba(245,197,66,.15); }
.rt-bun h2 { margin: 14px 0 6px; font: 800 22px Cinzel, serif; color: #f2e6c9; }
.rt-bun p { max-width: 520px; margin: 0 auto 16px; font-size: 13.5px; line-height: 1.6; color: var(--muted); }
.rt-bun p b { color: var(--text); }

/* coloana laterală */
.rt-lista { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 5px; }
.rt-lista li { display: flex; align-items: center; gap: 8px; padding: 7px 9px; border-radius: 11px; background: rgba(0,0,0,.22); border: 1px solid transparent; }
.rt-lista li.rt-gol { display: block; background: none; padding: 4px 0; }
.rt-lista li > span { flex: 1; min-width: 0; }
.rt-lista b { display: block; font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rt-lista small { display: block; font-size: 10.5px; color: var(--muted); }
.rt-lista .rt-ceas { font-style: normal; font-size: 13px; color: #c7cdfb; }
.rt-lista li.aproape { border-color: rgba(245,197,66,.4); } .rt-lista li.aproape .rt-ceas { color: var(--gold); }
.rt-x { flex: none; width: 24px; height: 24px; border-radius: 50%; border: 1px solid rgba(255,255,255,.1); background: none; color: var(--muted); cursor: pointer; font-size: 14px; line-height: 1; }
.rt-x:hover { color: var(--danger); border-color: rgba(255,92,122,.5); }
.rt-clopot { flex: none; width: 26px; height: 26px; border-radius: 8px; border: 1px solid rgba(255,255,255,.08); background: none; cursor: pointer; filter: grayscale(1); opacity: .45; font-size: 12px; }
.rt-clopot.on { filter: none; opacity: 1; border-color: rgba(245,197,66,.5); background: rgba(245,197,66,.1); }
.rt-spf { display: grid; gap: 6px; margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.06); }
.rt-spf input, .rt-form input, .rt-form select, .rt-dlg .rt-linie input { padding: 9px 11px; border-radius: 10px; border: 1px solid rgba(255,255,255,.12); background: rgba(0,0,0,.3); color: var(--text); font: inherit; font-size: 13px; }
.rt-spf .m2b { padding: 9px 14px; }

/* cum + credit */
.rt-pasi { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 10px; margin: 12px 0 6px; }
.rt-pasi > div { padding: 14px; border-radius: 14px; background: rgba(0,0,0,.22); border: 1px solid var(--panel-border); }
.rt-pasi b { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; font: 800 14px Cinzel, serif; color: var(--gold); background: rgba(245,197,66,.1); border: 1px solid rgba(245,197,66,.35); }
.rt-pasi h3 { margin: 10px 0 4px; font-size: 14px; color: #f2e6c9; }
.rt-pasi p { margin: 0; font-size: 12.5px; line-height: 1.55; color: var(--muted); }

/* dialog */
.rt-dlg { width: min(560px, calc(100vw - 24px)); max-height: calc(100vh - 32px); padding: 22px 22px 18px; border-radius: 20px; border: 1px solid rgba(245,197,66,.3); background: #12151f; color: var(--text); box-shadow: 0 30px 80px rgba(0,0,0,.7); }
.rt-dlg.mic { width: min(440px, calc(100vw - 24px)); }
.rt-dlg::backdrop { background: rgba(5,6,10,.72); backdrop-filter: blur(3px); }
.rt-dlg h3 { margin: 0 30px 10px 0; font: 800 20px Cinzel, serif; color: #f2e6c9; }
.rt-xdlg { position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; border-radius: 50%; border: 1px solid rgba(255,255,255,.12); background: none; color: var(--muted); font-size: 18px; cursor: pointer; }
.rt-p { margin: 0 0 12px; font-size: 13.5px; line-height: 1.6; color: #cbd3e3; }
.rt-p b { color: var(--text); }
.rt-form { display: grid; gap: 10px; }
.rt-form label > span { display: block; margin-bottom: 4px; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.rt-form label > span small { text-transform: none; letter-spacing: 0; font-weight: 500; }
.rt-form label > input, .rt-form label > select { width: 100%; box-sizing: border-box; }
.rt-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.rt-chk { display: flex !important; align-items: center; gap: 8px; font-size: 13px; cursor: pointer; }
.rt-chk input, .rt-form label.rt-chk > input { accent-color: #f5c542; width: 16px !important; height: 16px; flex: none; }
.rt-clase { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
.rt-clase label { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 8px 2px; border-radius: 12px; border: 1px solid rgba(255,255,255,.08); background: rgba(0,0,0,.2); cursor: pointer; }
.rt-clase label.on { border-color: var(--gold); background: rgba(245,197,66,.1); }
.rt-clase input { display: none; }
.rt-clase img { width: 34px; height: 34px; }
.rt-clase span { font-size: 10.5px; font-weight: 700; color: var(--muted); margin: 0 !important; text-transform: none !important; letter-spacing: 0 !important; }
.rt-clase label.on span { color: var(--gold); }
.rt-dlgb { display: flex; gap: 8px; align-items: center; margin-top: 16px; flex-wrap: wrap; justify-content: flex-end; }
.rt-dlgb .sp { flex: 1; }
.rt-dcap { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.rt-dcap .rt-ri { width: 52px; height: 52px; border-radius: 14px; }
.rt-dcap h3 { margin: 0 30px 2px 0; }
.rt-dcap small { font-size: 12px; color: var(--muted); }
.rt-mare { padding: 14px; border-radius: 14px; text-align: center; background: rgba(0,0,0,.3); border: 1px solid rgba(255,255,255,.07); margin-bottom: 6px; }
.rt-mare .rt-ceas { display: block; font-size: 34px; color: #c7cdfb; }
.rt-mare span { font-size: 12px; color: var(--muted); }
.rt-lbl { margin: 14px 0 6px; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.rt-spir { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.rt-spir .m2b { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 10px 6px; }
.rt-spir small { font-size: 10.5px; color: var(--muted); font-weight: 600; }
.rt-tabs { display: flex; gap: 4px; padding: 4px; border-radius: 12px; background: rgba(0,0,0,.3); margin-bottom: 14px; }
.rt-tabs button { flex: 1; padding: 8px; border: 0; border-radius: 9px; background: none; color: var(--muted); font: 700 13px Inter, sans-serif; cursor: pointer; }
.rt-tabs button.on { background: rgba(245,197,66,.15); color: var(--gold); }
.rt-rlista { display: grid; gap: 5px; max-height: 340px; overflow-y: auto; }
.rt-rl { display: grid; grid-template-columns: 22px 1fr 76px 130px 24px; gap: 8px; align-items: center; padding: 5px 8px; border-radius: 10px; background: rgba(0,0,0,.2); }
.rt-rl input:not([type]) , .rt-rl select { padding: 6px 8px !important; font-size: 12px !important; width: 100%; box-sizing: border-box; }
.rt-rl .rt-chk { font-size: 12.5px; }
.rt-fis { position: relative; }
#toast .rt-anul { margin-left: 10px; padding: 4px 10px; border-radius: 8px; border: 1px solid rgba(245,197,66,.5); background: rgba(245,197,66,.12); color: var(--gold); font: 700 12px Inter, sans-serif; cursor: pointer; }

/* ===== telefon: fiecare caracter devine un card ===== */
@media (max-width: 760px) {
  .rt-tabel { background: none; border: 0; overflow: visible; }
  .rt-grila { min-width: 0; }
  .rt-cap { display: none; }
  .rt-rand { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; padding: 10px; margin-bottom: 8px; border-radius: 16px; background: var(--panel); border: 1px solid var(--panel-border); }
  .rt-rand > * { padding: 0; }
  .rt-rand > .rt-cc { grid-column: 1 / -1; position: static; background: none; border: 0; padding: 0 0 6px; }
  .rt-rand.al-meu { border-color: rgba(245,197,66,.35); }
  .rt-rand.al-meu > .rt-cc { box-shadow: none; }
  .rt-grp { padding: 12px 4px 6px; position: static; }
  .rt-mob { display: flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; color: #f2e6c9; }
  .rt-cel { min-height: 0; }
  .rt-go, button.rt-cel { min-height: 76px; }
  .rt-go b { font-size: 12px; }
  .rt-sumar { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -12px 12px; padding: 2px 12px; }
  .rt-sum, .rt-sumadd { flex: 0 0 auto; }
  .rt-sumlbl { display: none; }
  .rt-act .rt-ib { opacity: 1 !important; }
  .rt-cel { align-self: stretch; } .rt-cel.gata .rt-go { flex: 1; }
  .rt-unelte .rt-filtru { flex: 1 1 100%; order: 5; }
  .rt-2 { grid-template-columns: 1fr; }
  .rt-clase { grid-template-columns: repeat(3, 1fr); }
  .rt-rl { grid-template-columns: 22px 1fr 64px 24px; }
  .rt-rl select { grid-column: 2 / 4; }
  .rt-spir { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 380px) { .rt-rand { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* v2: ștergere, alegerea temnițelor, adăugare rapidă */
.rt-ch { position: relative; }
.rt-chx { position: absolute; top: 4px; right: 4px; width: 20px; height: 20px; border-radius: 50%; border: 0; background: rgba(255,255,255,.06); color: var(--muted); font-size: 13px; line-height: 1; cursor: pointer; opacity: 0; transition: opacity .15s; }
.rt-ch:hover .rt-chx, .rt-chx:focus-visible { opacity: 1; }
.rt-chx:hover { background: rgba(255,92,122,.2); color: var(--danger); }
.rt-act { display: flex; gap: 4px; flex: none; }
.rt-ib { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.03); color: var(--muted); font-size: 15px; line-height: 1; cursor: pointer; opacity: .35; transition: opacity .15s, color .15s, border-color .15s; }
.rt-rand:hover .rt-ib, .rt-ib:focus-visible { opacity: 1; }
.rt-ib:hover { color: var(--gold); border-color: rgba(245,197,66,.45); }
.rt-ibx:hover { color: var(--danger); border-color: rgba(255,92,122,.5); background: rgba(255,92,122,.1); }
.rt-go b { display: inline-flex; align-items: center; gap: 5px; }
.rt-adaugarand { display: block; width: calc(100% - 20px); margin: 10px; padding: 12px; border-radius: 12px; border: 1px dashed rgba(255,255,255,.14); background: none; color: var(--muted); font: 700 13px Inter, sans-serif; cursor: pointer; position: sticky; left: 10px; max-width: 900px; }
.rt-adaugarand:hover { color: var(--gold); border-color: rgba(245,197,66,.45); background: rgba(245,197,66,.05); }
.rt-fara { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 14px; color: var(--muted); font-size: 13px; }
.rt-alegeri { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; max-height: min(56vh, 460px); overflow-y: auto; padding: 2px; scrollbar-width: thin; }
.rt-alege { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 14px; border: 1px solid rgba(255,255,255,.08); background: rgba(0,0,0,.25); color: var(--text); text-align: left; cursor: pointer; font-family: Inter, sans-serif; transition: border-color .15s, background .15s; }
.rt-alege .rt-ri { width: 42px; height: 42px; opacity: .55; filter: grayscale(.6); transition: opacity .15s, filter .15s; }
.rt-alege > span { flex: 1; min-width: 0; }
.rt-alege b { display: block; font-size: 14px; }
.rt-alege small { display: block; font-size: 11px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rt-alege em { display: block; font-style: normal; font-size: 10.5px; color: #8f97b3; }
.rt-alege i { flex: none; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; font-style: normal; font-weight: 800; border: 1px solid rgba(255,255,255,.15); color: var(--muted); }
.rt-alege:hover { border-color: rgba(245,197,66,.4); }
.rt-alege.on { border-color: rgba(74,222,128,.5); background: linear-gradient(90deg, rgba(74,222,128,.1), rgba(0,0,0,.25)); }
.rt-alege.on .rt-ri { opacity: 1; filter: none; }
.rt-alege.on i { background: var(--ok); border-color: var(--ok); color: #06210f; }
.rt-propriu, .rt-maimult { margin-top: 12px; }
.rt-propriu summary, .rt-maimult summary { cursor: pointer; color: var(--gold); font-size: 13px; font-weight: 700; }
.rt-maimult summary small { color: var(--muted); font-weight: 500; margin-left: 6px; }
.rt-propriu form { margin-top: 10px; }
.rt-propriu input { padding: 9px 11px; border-radius: 10px; border: 1px solid rgba(255,255,255,.12); background: rgba(0,0,0,.3); color: var(--text); font: inherit; font-size: 13px; }
.rt-inca { font-size: 12px !important; color: var(--muted); }
.rt-rln { font-size: 13px; font-weight: 600; }
.rt-bun-ic { display: flex; justify-content: center; }
.rt-bun-ic img { margin: 0 -8px; }
.rt-bun-ic img:first-child { transform: rotate(-7deg); } .rt-bun-ic img:last-child { transform: rotate(7deg); }
.rt-rapid { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; max-width: 560px; margin: 0 auto; }
.rt-rapid input, .rt-rapid select { padding: 11px 13px; border-radius: 12px; border: 1px solid rgba(255,255,255,.14); background: rgba(0,0,0,.35); color: var(--text); font: inherit; font-size: 14px; }
.rt-rapid input { flex: 1 1 200px; }
.rt-rapid input:focus, .rt-rapid select:focus { outline: none; border-color: rgba(245,197,66,.6); }
.rt-link { margin-top: 12px; border: 0; background: none; color: var(--muted); font: 600 12.5px Inter, sans-serif; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.rt-link:hover { color: var(--gold); }
@media (max-width: 760px) {
  .rt-alegeri { grid-template-columns: 1fr; }
  .rt-adaugarand { width: 100%; margin: 4px 0 0; position: static; }
  .rt-rand > .rt-cc .rt-act { margin-left: 4px; }
}
.rt-pasi strong { color: var(--text); }
.rt-cel.gata .rt-go { flex: 1; }
.rt-rand > .rt-cel { align-self: stretch; }
.rt-cls.gol { border-style: solid; background: rgba(245,197,66,.08); color: var(--gold); font-size: 13px; }
.rt-faq details { border-top: 1px solid rgba(255,255,255,.06); padding: 12px 2px; }
.rt-faq details:first-of-type { border-top: 0; }
.rt-faq summary { cursor: pointer; font-weight: 700; font-size: 14px; color: #f2e6c9; }
.rt-faq summary:hover { color: var(--gold); }
.rt-faq p { margin: 8px 0 0; font-size: 13.5px; line-height: 1.6; color: var(--muted); }