/* Shared service presentation. The original PHP forms and handlers stay intact. */
.rb_new:is(.rb_page_account,.rb_page_payment,.rb_page_tickets) .module-content { padding:28px; }
.rb_new:is(.rb_page_account,.rb_page_payment,.rb_page_tickets) .mu_module_title { margin-bottom:24px; }
.rb_new:is(.rb_page_account,.rb_page_payment,.rb_page_tickets) .mu_button { min-height:46px; padding:11px 22px; }

/* Ticket list: stable utility columns, remaining space reserved for the subject. */
.rb_new table.mu_ticket_list_table { table-layout:fixed; width:100%; min-width:640px; }
.rb_new table.mu_ticket_list_table:has(.mu_ticket_col_author) { min-width:780px; }
.rb_new .mu_ticket_list_table td { padding:15px 14px; vertical-align:middle; line-height:1.6; }
.rb_new .mu_ticket_list_table td:first-child { width:48px; padding-inline:8px; white-space:nowrap; }
.rb_new .mu_ticket_list_table .mu_ticket_col_author { width:156px; }
.rb_new .mu_ticket_list_table .mu_ticket_col_created { width:178px; }
.rb_new .mu_ticket_list_table .mu_ticket_col_status,
.rb_new .mu_ticket_list_table td:last-child { width:132px; }
.rb_new .mu_ticket_list_table td:nth-last-child(3) { text-align:left; overflow-wrap:anywhere; }
.rb_new .mu_ticket_list_table td:nth-last-child(2),
.rb_new .mu_ticket_list_table td:last-child { white-space:nowrap; overflow-wrap:normal; }
.rb_new .mu_ticket_list_table td:nth-last-child(2) { font-size:13px; font-variant-numeric:tabular-nums; }
.rb_new .mu_ticket_status { display:inline-flex; justify-content:center; align-items:center; min-width:86px; padding:5px 12px; white-space:nowrap; overflow-wrap:normal; word-break:normal; font:12px/1.5 Georgia,serif; border:1px solid #82ab8e33; }
.rb_new .mu_ticket_status-1 { border-color:#b4737833; }
.rb_new .mu_module_tickets>.mu_actions { margin:0 0 20px; }
.rb_new .mu_module_tickets>.reborn-table-scroll { margin:0; border:1px solid var(--line); border-radius:5px; }
.rb_new .mu_ticket_list_table { border:0; }
.rb_new .mu_ticket_form .mu_form_wrap { max-width:none; padding:24px; background:#101d29; border:1px solid var(--line); border-radius:5px; }
.rb_new .mu_ticket_form .mu_table,
.rb_new .mu_ticket_form .mu_table tbody,
.rb_new .mu_ticket_form .mu_table tr,
.rb_new .mu_ticket_form .mu_table td { display:block; width:100%; border:0; background:transparent!important; }
.rb_new .mu_ticket_form .mu_table td { padding:0 0 16px; text-align:left; }
.rb_new .mu_ticket_form .mu_table .mu_table_head { padding:0 0 9px; font:17px/1.5 Georgia,serif; color:#daca9f!important; }
.rb_new .mu_ticket_form .mu_actions { margin:4px 0 0; }
.rb_new .mu_ticket_form textarea { min-height:160px; }
.rb_new .mu_ticket_replies { margin-block:24px; }

/* Payment tables become two aligned product cards and a checkout panel. */
.rb_new.rb_page_payment .module-content form>div[style*="grid-template-columns"] { gap:22px!important; margin-bottom:22px!important; align-items:stretch; }
.rb_new.rb_page_payment .module-content .reborn-table-scroll { margin:0; overflow:visible; min-width:0; }
.rb_new.rb_page_payment .mu_form_table { display:block; height:100%; padding:24px; background:linear-gradient(135deg,#1a2a38,#101d29); border:1px solid #c5a66440; border-radius:6px; box-shadow:inset 0 2px #d7b66e24; }
.rb_new.rb_page_payment .mu_form_table tbody { display:block; }
.rb_new.rb_page_payment .mu_form_table tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:18px; padding:13px 0; border-bottom:1px solid var(--line); }
.rb_new.rb_page_payment .mu_form_table tr:last-child { border-bottom:0; padding-bottom:0; }
.rb_new.rb_page_payment .mu_form_table td { display:block; width:auto; padding:0; border:0; background:transparent!important; text-align:left; font-size:15px; min-width:0; }
.rb_new.rb_page_payment .mu_form_table td b { font-weight:400; color:#a7b8c8; }
.rb_new.rb_page_payment .mu_form_table tr:has(.mu_table_head) { display:block; padding:0 0 18px; margin-bottom:8px; }
.rb_new.rb_page_payment .mu_form_table .mu_table_head { background:transparent!important; padding:0; color:#ecd6a3!important; font:700 23px/1.35 Georgia,serif; }
.rb_new.rb_page_payment .mu_form_table tr:has(input[type=number]) { display:block; padding:10px 0 20px; }
.rb_new.rb_page_payment .mu_form_table tr:has(input[type=number]) td:first-child { margin-bottom:9px; }
.rb_new.rb_page_payment .module-content input[type=number] { min-height:52px; font-size:21px; background:#0b1723; border-color:#a78d554f; padding:12px 16px; }
.rb_new.rb_page_payment #pay_coin_total,
.rb_new.rb_page_payment #pay_vip_total { color:#efd38c; font:700 26px/1.3 Georgia,serif; }
.rb_new.rb_page_payment #pay_coin_credits { color:#e3e9ee; font:18px/1.5 Georgia,serif; }
.rb_new.rb_page_payment .mu_form_table tr:has(select) { grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr); padding-block:16px 22px; }
.rb_new.rb_page_payment .mu_form_table tr:has(button[type=submit]) { display:block; padding-top:22px; }
.rb_new.rb_page_payment .mu_form_table tr:has(button[type=submit]) td { display:flex; justify-content:flex-end; gap:14px; flex-wrap:wrap; }
.rb_new.rb_page_payment .mu_form_table button { min-width:180px; margin:0; }
.rb_new.rb_page_payment button[value=vip] { background:#172637; border-color:#d2b36b; color:#e4ca89!important; box-shadow:none; }
.rb_new.rb_page_payment .module-content select { min-height:50px; background:#0b1723; }
.rb_new.rb_page_payment .mu_form_table:has(a[href=refund]) { margin-top:22px!important; height:auto; box-shadow:none; border-color:var(--line); }
.rb_new.rb_page_payment .mu_form_table:has(a[href=refund]) tr:last-child { grid-template-columns:minmax(0,1fr) auto; }

/* Account information and password form share the same card layout. */
.rb_new .mu_module_account { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:22px; align-items:start; }
.rb_new .mu_module_account>.mu_module_title { grid-column:1/-1; margin:0; }
.rb_new .mu_module_account>.reborn-table-scroll,
.rb_new .mu_module_account>form { padding:24px; margin:0; min-width:0; background:linear-gradient(135deg,#1a2a38,#101d29); border:1px solid #c5a66440; border-radius:6px; box-shadow:inset 0 2px #d7b66e24; }
.rb_new .mu_module_account>.reborn-table-scroll { overflow:visible; }
.rb_new .mu_module_account .mu_form_wrap { margin:0; width:100%; max-width:none; }
.rb_new .mu_module_account .mu_table,
.rb_new .mu_module_account .mu_table tbody { display:block; width:100%; border:0; background:transparent; }
.rb_new .mu_module_account .mu_table tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:20px; padding:13px 0; border-bottom:1px solid var(--line); align-items:center; }
.rb_new .mu_module_account .mu_table tr:last-child { border-bottom:0; padding-bottom:0; }
.rb_new .mu_module_account .mu_table td { display:block; width:auto; min-width:0; padding:0; border:0; text-align:left; background:transparent!important; overflow-wrap:anywhere; }
.rb_new .mu_module_account .mu_table td:first-child b { color:#a7b8c8; font-weight:400; }
.rb_new .mu_module_account .mu_table td:nth-child(2) b { color:#ecd49c; font-size:18px; }
.rb_new .mu_module_account .mu_table tr:has(.mu_table_head) { display:block; padding:0 0 18px; margin-bottom:8px; }
.rb_new .mu_module_account .mu_table .mu_table_head { color:#ecd6a3!important; font:700 23px/1.35 Georgia,serif; background:transparent!important; padding:0; }
.rb_new .mu_module_account form .mu_table tr:not(:first-child) { display:block; border:0; padding:10px 0; }
.rb_new .mu_module_account form .mu_table td:first-child:not(.mu_table_head) { margin-bottom:8px; }
.rb_new .mu_module_account .mu_actions { margin:18px 0 0; }
.rb_new .mu_module_account input[type=submit] { width:100%; }
@media(max-width:1000px) {
 .rb_new .mu_module_account { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:760px) {
 .rb_new:is(.rb_page_account,.rb_page_payment,.rb_page_tickets) .module-content { padding:20px 16px; }
 .rb_new.rb_page_payment .module-content form>div[style*="grid-template-columns"] { grid-template-columns:minmax(0,1fr)!important; gap:18px!important; margin-bottom:18px!important; }
 .rb_new.rb_page_payment .mu_form_table,
 .rb_new .mu_module_account>.reborn-table-scroll,
 .rb_new .mu_module_account>form,
 .rb_new .mu_ticket_form .mu_form_wrap { padding:20px 16px; }
 .rb_new.rb_page_payment .mu_form_table tr:has(select),
 .rb_new.rb_page_payment .mu_form_table:has(a[href=refund]) tr:last-child { grid-template-columns:minmax(0,1fr); gap:10px; }
 .rb_new.rb_page_payment .mu_form_table tr:has(button[type=submit]) td { display:grid; grid-template-columns:minmax(0,1fr); }
 .rb_new.rb_page_payment .mu_form_table button { width:100%; min-width:0; }
 .rb_new.rb_page_payment .mu_form_table .mu_table_head,
 .rb_new .mu_module_account .mu_table .mu_table_head { font-size:21px; }
 .rb_new.rb_page_payment #pay_coin_total,
 .rb_new.rb_page_payment #pay_vip_total { font-size:23px; }
 .rb_new .mu_module_account .mu_table tr { gap:12px; }
}/* Unread tickets keep contrast against the dark theme. */
.rb_new .mu_ticket_list_table .mu_has_new_reply td { background:#1b303b!important; }
.rb_new .mu_ticket_list_table .mu_has_new_reply td:first-child { box-shadow:inset 3px 0 #c3a368; }
.rb_new .mu_ticket_list_table .mu_ticket_row:hover td,
.rb_new .mu_ticket_list_table .mu_ticket_row:focus td { background:#273a45!important; }
/* Prison list: same spacing, table treatment and palette as other services. */
.rb_new.rb_page_prison .module-content { padding:28px; }
.rb_new .mu_module_prison .mu_module_title { margin-bottom:24px; }
.rb_new .mu_module_prison .reborn-table-scroll { border:1px solid var(--line); border-radius:6px; margin:0; }
.rb_new .mu_module_prison .mu_table { width:100%; table-layout:fixed; border:0; border-collapse:collapse; }
.rb_new .mu_module_prison .mu_table td { padding:16px 20px; border:0; border-bottom:1px solid var(--line); font:15px/1.6 Georgia,serif; text-align:left; vertical-align:middle; }
.rb_new .mu_module_prison .mu_table tr:last-child td { border-bottom:0; }
.rb_new .mu_module_prison .mu_table td:first-child:not([colspan]) { width:76px; padding-inline:12px; text-align:center; color:#ae9a68; font-variant-numeric:tabular-nums; border-right:1px solid var(--line); }
.rb_new .mu_module_prison .mu_table td:nth-child(2) { color:#d7e1e9; overflow-wrap:anywhere; }
.rb_new .mu_module_prison .mu_table .mu_table_head { font-size:13px; color:#e5d6af; padding-block:13px; }
.rb_new .mu_module_prison .mu_table td[colspan] { padding:36px 20px; text-align:center; color:var(--muted); }
.rb_new .mu_module_prison .mu_module_note { margin:16px 0 0; padding:12px 16px; border:1px solid var(--line); border-radius:4px; background:#122230; color:#9fB1c1; font:13px/1.6 Georgia,serif; }
@media(max-width:760px) {
 .rb_new.rb_page_prison .module-content { padding:20px 16px; }
 .rb_new .mu_module_prison .mu_table td { padding:14px; font-size:14px; }
 .rb_new .mu_module_prison .mu_table td:first-child:not([colspan]) { width:52px; padding-inline:8px; }
}
/* Registration and recovery use the same clean form card as account services. */
.rb_new:is(.rb_page_register,.rb_page_recover) .module-content { padding:28px; }
.rb_new :is(.mu_module_register,.mu_module_recover) { max-width:600px; margin-inline:auto; }
.rb_new :is(.mu_module_register,.mu_module_recover) .mu_module_title { margin-bottom:24px; }
.rb_new :is(.mu_module_register,.mu_module_recover) .mu_form_wrap { max-width:none; margin:0; padding:26px; background:linear-gradient(135deg,#1a2a38,#101d29); border:1px solid #c5a66440; border-radius:6px; box-shadow:inset 0 2px #d7b66e24; }
.rb_new :is(.mu_module_register,.mu_module_recover) .mu_table,
.rb_new :is(.mu_module_register,.mu_module_recover) .mu_table tbody,
.rb_new :is(.mu_module_register,.mu_module_recover) .mu_table tr,
.rb_new :is(.mu_module_register,.mu_module_recover) .mu_table td { display:block; width:100%; min-width:0; border:0; background:transparent!important; }
.rb_new :is(.mu_module_register,.mu_module_recover) .mu_table tr { padding:0 0 19px; }
.rb_new :is(.mu_module_register,.mu_module_recover) .mu_table tr:has(.mu_table_head) { display:none; }
.rb_new :is(.mu_module_register,.mu_module_recover) .mu_table td { padding:0; text-align:left; }
.rb_new :is(.mu_module_register,.mu_module_recover) .mu_table td:first-child { margin-bottom:8px; color:#b5c3d0; }
.rb_new :is(.mu_module_register,.mu_module_recover) .mu_table td:empty { display:none; }
.rb_new :is(.mu_module_register,.mu_module_recover) .mu_field { min-height:48px; background:#0e1b27; border-color:#a78d554f; padding:12px 14px; }
.rb_new .mu_module_register .mu_table tr:has(.mu_inline_check) { padding:3px 0 0; }
.rb_new .mu_module_register .mu_inline_check { display:flex; align-items:flex-start; gap:10px; line-height:1.6; }
.rb_new .mu_module_register .mu_inline_check input { flex:0 0 18px; width:18px; height:18px; min-height:18px; margin:3px 0 0; }
.rb_new .mu_module_register .mu_inline_check a { text-decoration:underline; text-underline-offset:3px; }
.rb_new :is(.mu_module_register,.mu_module_recover) .mu_actions { margin:12px 0 0; }
.rb_new :is(.mu_module_register,.mu_module_recover) .mu_actions .mu_button { width:100%; min-height:48px; }
@media(max-width:760px) {
 .rb_new:is(.rb_page_register,.rb_page_recover) .module-content { padding:20px 16px; }
 .rb_new :is(.mu_module_register,.mu_module_recover) .mu_form_wrap { padding:22px 16px; }
}
/* Game panel, Teleport, Transfer: card layout */
.rb_new .rb_gp_page { display:grid; gap:16px; }
.rb_new .rb_gp_page>.mu_module_title { margin-bottom:0; }
.rb_new .rb_gp_card { padding:18px 20px; background:linear-gradient(160deg,#ffffff09,#ffffff03); border:1px solid #ffffff14; border-radius:12px; }
.rb_new .rb_gp_card_title { margin:0 0 14px; color:var(--gold); font:bold 17px/1.3 Georgia,serif; }
.rb_new .rb_gp_chars { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:10px; }
.rb_new .rb_gp_char { position:relative; display:flex; align-items:center; gap:12px; padding:9px 12px 9px 9px; color:var(--text); background:#0e1a25; border:1px solid #ffffff14; border-radius:10px; transition:border-color .2s,background .2s,transform .2s; }
.rb_new .rb_gp_char:hover { border-color:#f5bb6566; background:#152332; transform:translateY(-2px); }
.rb_new .rb_gp_char.is-active { border-color:var(--gold); background:linear-gradient(135deg,#f5bb651f,#f47a320d); box-shadow:0 0 0 1px #f5bb6555,0 8px 22px #f47a3222; }
.rb_new .rb_gp_char img { flex:0 0 46px; width:46px; height:46px; object-fit:cover; border-radius:8px; border:1px solid #ffffff1a; background:#08121b; }
.rb_new .rb_gp_char span { min-width:0; display:flex; flex-direction:column; }
.rb_new .rb_gp_char b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:bold 15px/1.3 Georgia,serif; }
.rb_new .rb_gp_char small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); font:12px/1.4 var(--sans); }
.rb_new .rb_gp_dot { position:absolute; top:8px; right:8px; width:9px; height:9px; border-radius:50%; background:#2fd466; box-shadow:0 0 8px #2fd466; }
.rb_new .rb_gp_hero { display:grid; grid-template-columns:170px minmax(0,1fr); gap:22px; padding:20px; background:radial-gradient(ellipse at 0 0,#f5bb651a,transparent 60%),linear-gradient(160deg,#172636,#0f1a26); border:1px solid #f5bb6540; border-radius:14px; }
.rb_new .rb_gp_portrait { display:grid; place-items:center; aspect-ratio:1; background:radial-gradient(circle,#f5bb6522,transparent 70%),#0b1520; border:1px solid #f5bb654d; border-radius:12px; overflow:hidden; }
.rb_new .rb_gp_portrait img { width:100%; height:100%; object-fit:cover; }
.rb_new .rb_gp_hero_main { min-width:0; display:flex; flex-direction:column; gap:16px; }
.rb_new .rb_gp_hero_head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.rb_new .rb_gp_hero_head h2 { margin:0; color:#fff4dc; font:bold 28px/1.15 Georgia,serif; }
.rb_new .rb_gp_class { display:block; margin-top:4px; color:var(--muted); font:14px/1.4 var(--sans); }
.rb_new .rb_gp_status { display:inline-flex; align-items:center; gap:8px; padding:5px 12px; color:#c7d2dc; background:#ffffff0a; border:1px solid #ffffff1f; border-radius:20px; font:bold 12.5px/1.3 var(--sans); }
.rb_new .rb_gp_status::before { content:""; width:8px; height:8px; border-radius:50%; background:#e5484d; }
.rb_new .rb_gp_status.is-online { color:#b8f5cb; border-color:#2fd46655; }
.rb_new .rb_gp_status.is-online::before { background:#2fd466; box-shadow:0 0 8px #2fd466; }
.rb_new .rb_gp_tiles { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.rb_new .rb_gp_tiles>div { padding:10px 12px; background:#0b1520aa; border:1px solid #ffffff12; border-radius:9px; }
.rb_new .rb_gp_tiles span { display:block; color:var(--muted); font:11.5px/1.3 var(--sans); letter-spacing:.4px; text-transform:uppercase; }
.rb_new .rb_gp_tiles b { display:block; margin-top:3px; color:var(--gold); font:bold 21px/1.2 Georgia,serif; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rb_new .rb_gp_tiles .rb_gp_tile_wide { grid-column:1/-1; }
.rb_new .rb_gp_tiles .rb_gp_tile_wide b { font-size:17px; color:var(--text); }
.rb_new .rb_gp_modules { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:12px; }
.rb_new .rb_gp_module { display:flex; align-items:center; gap:14px; padding:16px; color:var(--text); background:#0e1a25; border:1px solid #ffffff14; border-radius:12px; transition:border-color .2s,transform .2s,background .2s; }
.rb_new .rb_gp_module:hover { border-color:#f5bb6577; background:#152332; transform:translateY(-2px); }
.rb_new .rb_gp_module_icon { flex:0 0 46px; height:46px; display:grid; place-items:center; color:#1b1210; background:linear-gradient(145deg,#ffd58c,#f5bb65 50%,#f47a32); border-radius:12px; font-style:normal; }
.rb_new .rb_gp_module span { flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.rb_new .rb_gp_module b { font:bold 16px/1.3 Georgia,serif; }
.rb_new .rb_gp_module small { color:var(--muted); font:13px/1.45 var(--sans); }
.rb_new .rb_gp_module em { color:var(--gold); font:20px/1 var(--sans); font-style:normal; transition:transform .2s; }
.rb_new .rb_gp_module:hover em { transform:translateX(4px); }
.rb_new .rb_gp_route { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:14px; }
.rb_new .rb_gp_route_point { padding:14px 16px; background:#0b1520aa; border:1px solid #ffffff14; border-radius:10px; }
.rb_new .rb_gp_route_point.is-target { border-color:#f5bb6566; background:linear-gradient(135deg,#f5bb6517,#0b1520aa); }
.rb_new .rb_gp_route_point span { display:block; color:var(--muted); font:11.5px/1.3 var(--sans); letter-spacing:.4px; text-transform:uppercase; }
.rb_new .rb_gp_route_point b { display:block; margin-top:4px; color:var(--text); font:bold 19px/1.25 Georgia,serif; }
.rb_new .rb_gp_route_point.is-target b { color:var(--gold); }
.rb_new .rb_gp_route_point small { color:var(--muted); font:13px/1.4 var(--sans); }
.rb_new .rb_gp_route_arrow { color:var(--gold); font-style:normal; display:grid; place-items:center; }
.rb_new .rb_gp_action { text-align:center; }
.rb_new .rb_gp_action p { margin:0 auto 14px; max-width:620px; color:#c7d2dc; font:14.5px/1.6 var(--sans); }
.rb_new .rb_gp_btn { min-width:240px; padding:12px 26px; font-size:16px; }
.rb_new .rb_gp_btn[disabled] { opacity:.5; cursor:not-allowed; filter:grayscale(.4); }
.rb_new .rb_gp_cols { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.rb_new .rb_gp_checks,.rb_new .rb_gp_list { margin:0; padding:0; list-style:none; display:grid; gap:8px; }
.rb_new .rb_gp_checks li { display:grid; grid-template-columns:26px minmax(0,1fr) auto; align-items:center; gap:10px; padding:9px 12px; background:#0b1520aa; border:1px solid #ffffff12; border-radius:9px; font:14px/1.4 var(--sans); }
.rb_new .rb_gp_checks i { width:24px; height:24px; display:grid; place-items:center; border-radius:50%; font:bold 13px/1 var(--sans); font-style:normal; }
.rb_new .rb_gp_checks .is-ok i { color:#0d2415; background:#2fd466; }
.rb_new .rb_gp_checks .is-bad i { color:#fff; background:#e5484d; }
.rb_new .rb_gp_checks .is-bad { border-color:#e5484d55; }
.rb_new .rb_gp_checks b { color:var(--gold); font-weight:700; }
.rb_new .rb_gp_list li { position:relative; padding:9px 12px 9px 34px; color:#c7d2dc; background:#0b1520aa; border:1px solid #ffffff12; border-radius:9px; font:14px/1.5 var(--sans); }
.rb_new .rb_gp_list li::before { content:"✓"; position:absolute; left:12px; top:9px; color:var(--gold); font-weight:bold; }
.rb_new .rb_gp_form { display:flex; align-items:flex-end; justify-content:center; gap:14px; flex-wrap:wrap; }
.rb_new .rb_gp_form label { display:flex; flex-direction:column; gap:6px; min-width:240px; text-align:left; color:var(--muted); font:12.5px/1.3 var(--sans); }
.rb_new .rb_gp_form select { min-height:44px; }
.rb_new .rb_gp_inventory { overflow-x:auto; }
.rb_new .rb_gp_stored { display:grid; gap:8px; }
.rb_new .rb_gp_stored_row { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto; align-items:center; gap:12px; padding:10px 14px; background:#0b1520aa; border:1px solid #ffffff12; border-radius:9px; font:14px/1.4 var(--sans); color:#c7d2dc; }
.rb_new .rb_gp_stored_row b { display:block; color:var(--text); font:bold 15px/1.3 Georgia,serif; }
.rb_new .rb_gp_stored_row small { color:var(--muted); font-size:12px; }
.rb_new .rb_gp_stored_row form { margin:0; }
@media (max-width:760px) {
  .rb_new .rb_gp_hero { grid-template-columns:1fr; }
  .rb_new .rb_gp_portrait { width:130px; margin:0 auto; }
  .rb_new .rb_gp_tiles { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rb_new .rb_gp_cols { grid-template-columns:1fr; }
  .rb_new .rb_gp_route { grid-template-columns:1fr; }
  .rb_new .rb_gp_route_arrow { transform:rotate(90deg); }
  .rb_new .rb_gp_stored_row { grid-template-columns:1fr 1fr; }
  .rb_new .rb_gp_btn { width:100%; min-width:0; }
}

/* Support tickets */
.rb_new .rb_tk { display:grid; gap:14px; }
.rb_new .rb_tk>.mu_module_title { margin-bottom:0; }
.rb_new .rb_tk_back { justify-self:start; color:var(--muted); font:14px/1.4 var(--sans); }
.rb_new .rb_tk_back:hover { color:var(--gold); }
.rb_new .rb_tk_btn { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:9px 20px; font-size:15px; white-space:nowrap; }
.rb_new .rb_tk_card { padding:16px 18px; background:linear-gradient(160deg,#ffffff09,#ffffff03); border:1px solid #ffffff14; border-radius:12px; }
.rb_new .rb_tk_card_title { margin:0 0 12px; color:var(--gold); font:bold 16px/1.3 Georgia,serif; }
.rb_new .rb_tk_status { display:inline-flex; align-items:center; gap:7px; padding:4px 11px; border-radius:20px; font:bold 12px/1.3 var(--sans); white-space:nowrap; }
.rb_new .rb_tk_status::before { content:""; width:7px; height:7px; border-radius:50%; background:currentColor; }
.rb_new .rb_tk_status.is-open { color:#8ee6a8; background:#2fd4661a; border:1px solid #2fd46647; }
.rb_new .rb_tk_status.is-closed { color:#e9a3a0; background:#e5484d17; border:1px solid #e5484d40; }
/* list */
.rb_new .rb_tk_toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.rb_new .rb_tk_tabs { display:flex; gap:6px; padding:4px; background:#0b1520; border:1px solid #ffffff14; border-radius:10px; }
.rb_new .rb_tk_tabs a { padding:7px 14px; color:var(--muted); border-radius:7px; font:14px/1.3 var(--sans); }
.rb_new .rb_tk_tabs a b { margin-left:4px; padding:1px 7px; color:var(--text); background:#ffffff12; border-radius:10px; font-size:12px; }
.rb_new .rb_tk_tabs a:hover { color:var(--text); }
.rb_new .rb_tk_tabs a.is-active { color:#1b1210; background:linear-gradient(145deg,#ffd58c,#f5bb65 55%,#f0923f); }
.rb_new .rb_tk_tabs a.is-active b { color:#1b1210; background:#0000001f; }
.rb_new .rb_tk_list { display:grid; gap:8px; }
.rb_new .rb_tk_row { display:grid; grid-template-columns:60px minmax(0,1fr) auto; align-items:center; gap:14px; padding:13px 16px; color:var(--text); background:#0e1a25; border:1px solid #ffffff14; border-left:3px solid #2fd46699; border-radius:10px; transition:background .2s,border-color .2s,transform .2s; }
.rb_new .rb_tk_row.is-closed { border-left-color:#ffffff26; opacity:.85; }
.rb_new .rb_tk_row.has-new { border-left-color:var(--gold); background:linear-gradient(90deg,#f5bb6512,#0e1a25 40%); }
.rb_new .rb_tk_row:hover { background:#152332; border-color:#f5bb6555; transform:translateX(3px); }
.rb_new .rb_tk_row_id { color:var(--muted); font:bold 14px/1 var(--sans); }
.rb_new .rb_tk_row_main { min-width:0; display:flex; flex-direction:column; gap:3px; }
.rb_new .rb_tk_row_main b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:bold 16px/1.35 Georgia,serif; }
.rb_new .rb_tk_row_main small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); font:12.5px/1.4 var(--sans); }
.rb_new .rb_tk_row_main small i { color:var(--gold); font-style:normal; font-weight:bold; }
.rb_new .rb_tk_empty { padding:26px; text-align:center; color:var(--muted); background:#ffffff06; border:1px dashed #ffffff26; border-radius:12px; font:15px/1.6 var(--sans); }
/* view */
.rb_new .rb_tk_view { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:16px; align-items:start; }
.rb_new .rb_tk_main { min-width:0; display:grid; gap:14px; }
.rb_new .rb_tk_head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:16px 18px; background:linear-gradient(160deg,#172636,#0f1a26); border:1px solid #f5bb6533; border-radius:12px; }
.rb_new .rb_tk_id { color:var(--muted); font:12.5px/1.3 var(--sans); letter-spacing:.4px; text-transform:uppercase; }
.rb_new .rb_tk_head h3 { margin:4px 0 0; color:#fff4dc; font:bold 21px/1.3 Georgia,serif; overflow-wrap:anywhere; text-transform:none; }
.rb_new .rb_tk_chat { display:flex; flex-direction:column; gap:12px; }
.rb_new .rb_tk_msg { max-width:86%; padding:12px 16px 14px; background:#132231; border:1px solid #ffffff14; border-radius:4px 14px 14px 14px; }
.rb_new .rb_tk_msg.is-support { align-self:flex-end; background:linear-gradient(160deg,#2a2217,#1a1712); border-color:#f5bb6540; border-radius:14px 4px 14px 14px; }
.rb_new .rb_tk_msg_head { display:flex; align-items:center; gap:8px; margin-bottom:6px; }
.rb_new .rb_tk_msg_head b { color:var(--text); font:bold 14px/1.3 var(--sans); }
.rb_new .rb_tk_msg.is-support .rb_tk_msg_head b { color:var(--gold); }
.rb_new .rb_tk_role { padding:1px 8px; color:#1b1210; background:var(--gold); border-radius:10px; font:bold 10.5px/1.6 var(--sans); text-transform:uppercase; letter-spacing:.4px; }
.rb_new .rb_tk_msg_head time { margin-left:auto; color:var(--muted); font:12px/1.3 var(--sans); white-space:nowrap; }
.rb_new .rb_tk_msg_del { margin:0; }
.rb_new .rb_tk_msg_del button { display:grid; place-items:center; width:28px; height:28px; padding:0; color:#b98c8a; background:transparent; border:1px solid transparent; border-radius:7px; cursor:pointer; }
.rb_new .rb_tk_msg_del button:hover { color:#fff; background:#e5484d; }
.rb_new .rb_tk_msg_text { color:#d6dee6; font:15px/1.65 var(--sans); overflow-wrap:anywhere; }
.rb_new .rb_tk_reply { display:grid; gap:10px; padding:14px; background:#0e1a25; border:1px solid #ffffff14; border-radius:12px; }
.rb_new .rb_tk_reply textarea,.rb_new .rb_tk_new textarea { width:100%; min-height:120px; resize:vertical; }
.rb_new .rb_tk_form_actions { display:flex; align-items:center; justify-content:flex-end; gap:14px; }
.rb_new .rb_tk_count { margin-right:auto; color:var(--muted); font:12px/1 var(--sans); font-style:normal; }
.rb_new .rb_tk_hint { margin:0; color:#e9c9a0; font:13px/1.5 var(--sans); }
.rb_new .rb_tk_closed { padding:14px; text-align:center; color:var(--muted); background:#ffffff06; border:1px dashed #ffffff26; border-radius:12px; font:14px/1.5 var(--sans); }
.rb_new .rb_tk_side { display:grid; gap:12px; position:sticky; top:90px; }
.rb_new .rb_tk_info { display:grid; grid-template-columns:auto 1fr; gap:9px 12px; margin:0; font:13.5px/1.4 var(--sans); }
.rb_new .rb_tk_info dt { color:var(--muted); }
.rb_new .rb_tk_info dd { margin:0; color:var(--text); text-align:right; overflow-wrap:anywhere; }
.rb_new .rb_tk_info dd b { color:var(--gold); }
.rb_new .rb_tk_actions { display:grid; gap:8px; }
.rb_new .rb_tk_act { display:block; padding:10px 14px; text-align:center; border-radius:9px; font:bold 14px/1.3 var(--sans); transition:background .2s,color .2s; }
.rb_new .rb_tk_act.is-close { color:#f1b3b0; background:#e5484d14; border:1px solid #e5484d55; }
.rb_new .rb_tk_act.is-close:hover { color:#fff; background:#e5484d; }
.rb_new .rb_tk_act.is-open { color:#a8efbd; background:#2fd46614; border:1px solid #2fd46655; }
.rb_new .rb_tk_act.is-open:hover { color:#0d2415; background:#2fd466; }
/* new ticket */
.rb_new .rb_tk_new { display:grid; gap:14px; max-width:760px; }
.rb_new .rb_tk_field { display:grid; gap:6px; position:relative; }
.rb_new .rb_tk_field>span { color:var(--text); font:bold 14px/1.3 var(--sans); }
.rb_new .rb_tk_field>span small { margin-left:6px; color:var(--muted); font-weight:400; }
.rb_new .rb_tk_field .rb_tk_count { justify-self:end; margin:0; }
@media (max-width:860px) { .rb_new .rb_tk_view { grid-template-columns:1fr; } .rb_new .rb_tk_side { position:static; order:-1; } }
@media (max-width:560px) { .rb_new .rb_tk_row { grid-template-columns:1fr auto; } .rb_new .rb_tk_row_id { display:none; } .rb_new .rb_tk_msg { max-width:100%; } .rb_new .rb_tk_toolbar .rb_tk_btn { width:100%; } }
/* Ticket pictures (imgbb) */
.rb_new .rb_tk_upload { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; padding:10px 12px; background:#ffffff05; border:1px dashed #ffffff26; border-radius:10px; transition:border-color .2s,background .2s; }
.rb_new .rb_tk_upload.is-drag { border-color:var(--gold); background:#f5bb6512; }
.rb_new .rb_tk_attach { display:inline-flex; align-items:center; gap:7px; padding:7px 13px; color:var(--gold); background:#f5bb6514; border:1px solid #f5bb6555; border-radius:8px; font:bold 13.5px/1.2 var(--sans); cursor:pointer; }
.rb_new .rb_tk_attach:hover { color:#1b1210; background:var(--gold); }
.rb_new .rb_tk_attach input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.rb_new .rb_tk_upload_hint { color:var(--muted); font:12px/1.4 var(--sans); }
.rb_new .rb_tk_previews { flex-basis:100%; display:flex; flex-wrap:wrap; gap:8px; }
.rb_new .rb_tk_previews:empty { display:none; }
.rb_new .rb_tk_preview { position:relative; width:84px; height:84px; border:1px solid #ffffff26; border-radius:8px; overflow:hidden; background:#08121b; }
.rb_new .rb_tk_preview img { width:100%; height:100%; object-fit:cover; }
.rb_new .rb_tk_preview button { position:absolute; top:3px; right:3px; width:22px; height:22px; padding:0; color:#fff; background:#000a; border:0; border-radius:50%; font:bold 15px/22px var(--sans); cursor:pointer; }
.rb_new .rb_tk_preview button:hover { background:#e5484d; }
.rb_new .rb_tk_gallery { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.rb_new .rb_tk_gallery a { display:block; width:160px; height:110px; border:1px solid #ffffff26; border-radius:8px; overflow:hidden; background:#08121b; transition:border-color .2s,transform .2s; }
.rb_new .rb_tk_gallery a:hover { border-color:var(--gold); transform:translateY(-2px); }
.rb_new .rb_tk_gallery img { width:100%; height:100%; object-fit:cover; }
@media (max-width:560px) { .rb_new .rb_tk_gallery a { width:calc(50% - 4px); } }
.rb_new .rb_tk_upload_off { color:#e9c9a0; font:13px/1.5 var(--sans); border-color:#f5bb6555; }
/* Ticket picture viewer */
.rb_tk_lb_open,.rb_tk_lb_open body { overflow:hidden; }
.rb_new .rb_tk_lightbox { position:fixed; inset:0; z-index:10000; display:flex; align-items:center; justify-content:center; padding:40px 70px; background:#05090ee8; backdrop-filter:blur(4px); animation:rbTkLb .2s ease; }
.rb_new .rb_tk_lightbox[hidden] { display:none; }
@keyframes rbTkLb { from { opacity:0; } to { opacity:1; } }
.rb_new .rb_tk_lightbox figure { margin:0; max-width:100%; max-height:100%; display:flex; flex-direction:column; align-items:center; gap:10px; }
.rb_new .rb_tk_lightbox img { display:block; width:auto; height:auto; max-width:min(1400px,calc(100vw - 150px)); max-height:calc(100vh - 130px); object-fit:contain; border:1px solid #f5bb6555; border-radius:8px; box-shadow:0 20px 60px #000c; background:#0b1520; }
.rb_new .rb_tk_lightbox figcaption { display:flex; gap:18px; align-items:center; color:var(--muted); font:13px/1.3 var(--sans); }
.rb_new .rb_tk_lightbox figcaption a { color:var(--gold); }
.rb_new .rb_tk_lightbox button { position:absolute; display:grid; place-items:center; width:46px; height:46px; padding:0; color:#fff; background:#ffffff14; border:1px solid #ffffff26; border-radius:50%; font:28px/1 var(--sans); cursor:pointer; transition:background .2s,color .2s; }
.rb_new .rb_tk_lightbox button:hover { color:#1b1210; background:var(--gold); }
.rb_new .rb_tk_lb_close { top:18px; right:18px; }
.rb_new .rb_tk_lb_prev { left:14px; top:50%; transform:translateY(-50%); }
.rb_new .rb_tk_lb_next { right:14px; top:50%; transform:translateY(-50%); }
.rb_new .rb_tk_lightbox.is-single .rb_tk_lb_prev,.rb_new .rb_tk_lightbox.is-single .rb_tk_lb_next { display:none; }
.rb_new .rb_tk_gallery a { cursor:zoom-in; }
@media (max-width:560px) { .rb_new .rb_tk_lightbox { padding:60px 10px; } .rb_new .rb_tk_lightbox img { max-width:calc(100vw - 20px); } .rb_new .rb_tk_lb_prev,.rb_new .rb_tk_lb_next { top:auto; bottom:14px; transform:none; } }
/* Admin: edit ticket message */
.rb_new .rb_tk_msg_edit { display:grid; place-items:center; width:28px; height:28px; padding:0; color:#9fb1c2; background:transparent; border:1px solid transparent; border-radius:7px; cursor:pointer; }
.rb_new .rb_tk_msg_edit:hover { color:#1b1210; background:var(--gold); }
.rb_new .rb_tk_msg_head time { margin-right:2px; }
.rb_new .rb_tk_edit_form { display:grid; gap:8px; margin-top:4px; }
.rb_new .rb_tk_edit_form[hidden],.rb_new .rb_tk_msg_text[hidden] { display:none; }
.rb_new .rb_tk_edit_form textarea { width:100%; min-height:90px; resize:vertical; }
.rb_new .rb_tk_edit_form small { color:var(--muted); font:12px/1.4 var(--sans); }
.rb_new .rb_tk_edit_actions { display:flex; justify-content:flex-end; gap:8px; }
.rb_new .rb_tk_edit_cancel { padding:8px 16px; color:var(--muted); background:transparent; border:1px solid #ffffff26; border-radius:8px; font:14px/1.2 var(--sans); cursor:pointer; }
.rb_new .rb_tk_edit_cancel:hover { color:var(--text); border-color:#ffffff55; }

/* Tickets: admin AI helpers (translate player's message, fix + translate the reply) */
.rb_new .rb_tk_ai_tr { margin-top:10px; }
.rb_new .rb_tk_ai_btn { display:inline-flex; align-items:center; gap:7px; padding:6px 12px; border:1px solid #6fa8dc55; border-radius:7px; background:#12263a; color:#9fcbf2; font:600 12.5px/1.2 var(--sans,Arial); cursor:pointer; transition:border-color .2s,background .2s; }
.rb_new .rb_tk_ai_btn:hover { border-color:#8cc4f4aa; background:#16304a; }
.rb_new .rb_tk_ai_btn:disabled { opacity:.65; cursor:wait; }
.rb_new .rb_tk_ai_btn.is-main { border-color:#caa25799; background:linear-gradient(180deg,#2a2213,#1d180e); color:#f0d38c; }
.rb_new .rb_tk_ai_btn.is-main:hover { border-color:#f0d38ccc; }
.rb_new .rb_tk_ai_res { padding:10px 12px; border-left:3px solid #6fa8dc; border-radius:0 8px 8px 0; background:#0f2233; }
.rb_new .rb_tk_ai_res.is-ru { border-left-color:#4b5a66; background:transparent; padding:4px 10px; }
.rb_new .rb_tk_ai_res p { margin:6px 0 0; color:#dce8f2; line-height:1.55; }
.rb_new .rb_tk_ai_lang { display:block; font-size:11.5px; letter-spacing:.04em; text-transform:uppercase; color:#8fb3d1; }
.rb_new .rb_tk_ai_err { margin-top:8px; padding:8px 12px; border-radius:7px; background:#2a1416; color:#f3a3a5; font-size:13px; }
.rb_new .rb_tk_ai_bar { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin:10px 0 4px; padding:10px 12px; border:1px dashed #caa25755; border-radius:9px; background:#16140e66; }
.rb_new .rb_tk_ai_bar label { display:flex; align-items:center; gap:8px; white-space:nowrap; font-size:13px; color:#c9b58a; }
.rb_new .rb_tk_ai_bar select { padding:6px 8px; border:1px solid #af935855; border-radius:6px; background:#0e1a25; color:#e7dcc3; font-size:13px; }
.rb_new .rb_tk_ai_hint { flex-basis:100%; font-size:12px; color:#8e9fae; }
.rb_new .rb_tk_ai_out { margin:6px 0 4px; }
.rb_new .rb_tk_ai_actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
@media (max-width:760px) { .rb_new .rb_tk_ai_bar label { flex-basis:100%; } .rb_new .rb_tk_ai_bar select { flex:1; } }
