/* CS27REG 3.21.17 — final runtime layer. Loaded AFTER final319.css. Do not move above legacy CSS. */ /* /admins: center every row cell and its visible contents */ @media(min-width:768px){.cs27-admins-page .block_admins_select .table-row > .row > [class*="col-"], body[data-template="cs27Reg"].cs27-route-admins .block_admins_select .table-row > .row > [class*="col-"] { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; text-align: center !important; }} @media(min-width:768px){.cs27-admins-page .block_admins_select .table-row > .row > [class*="col-"] > p, .cs27-admins-page .block_admins_select .table-row > .row > [class*="col-"] > p > a, body[data-template="cs27Reg"].cs27-route-admins .block_admins_select .table-row > .row > [class*="col-"] > p, body[data-template="cs27Reg"].cs27-route-admins .block_admins_select .table-row > .row > [class*="col-"] > p > a { width: auto !important; margin-left: 0 !important; margin-right: 0 !important; text-align: center !important; }} @media(min-width:768px){.cs27-admins-page .block_admins_select { border: 0 !important; }} /* /banlist + /muts: requested outer bottom edge only */ @media(min-width:768px){body[data-template="cs27Reg"].cs27-route-banlist #banlist, body[data-template="cs27Reg"] #muts, .cs27-route-banlist #banlist, #muts { border-bottom: 1px solid #343e3f !important; }} /* /admins — route class is not required; actual page/container selectors. */ @media(min-width:768px){.cs27-admins-page .block_admins_select .table-row > .row > [class*="col-"], .block_admins_select .table-row > .row > [class*="col-"] { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; text-align: center !important; }} @media(min-width:768px){.cs27-admins-page .block_admins_select .table-row > .row > [class*="col-"] > p, .block_admins_select .table-row > .row > [class*="col-"] > p, .cs27-admins-page .block_admins_select .table-row > .row > [class*="col-"] > p > a, .block_admins_select .table-row > .row > [class*="col-"] > p > a { width: auto !important; margin-left: 0 !important; margin-right: 0 !important; text-align: center !important; }} /* /banlist and /muts — actual IDs, no route dependency. */ @media(min-width:768px){#banlist, #muts { border-bottom: 1px solid #343e3f !important; }} /* CS27REG 3.21.17.2 — final UI fixes */ /* /admins: center row output */ @media(min-width:768px){.block_admins_select .table-row > .row > [class*="col-"] { display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:center !important; text-align:center !important; }} @media(min-width:768px){.block_admins_select .table-row > .row > [class*="col-"] > p, .block_admins_select .table-row > .row > [class*="col-"] > p > a { width:auto !important; margin-left:0 !important; margin-right:0 !important; text-align:center !important; }} /* /banlist + /muts: requested bottom edge */ @media(min-width:768px){#banlist, #muts { border-bottom:1px solid #343e3f !important; }} /* /profile compact action controls */ body[data-template="cs27Reg"] .cs27-profile-page :is(.razblock,.zablock,.copyref,.profile_contact_discord) { width:30px !important; } /* CS27REG 3.21.17.5 */ /* /admins — avatar close to login, pair stays centered */ @media(min-width:768px){.block_admins_select .table-row > .row > .col-lg-4 { justify-content: center !important; align-items: center !important; gap: 5px !important; }} @media(min-width:768px){.block_admins_select .table-row > .row > .col-lg-4 > img, .block_admins_select .table-row > .row > .col-lg-4 > .admins_img { margin: 0 !important; }} @media(min-width:768px){.block_admins_select .table-row > .row > .col-lg-4 > p { width: auto !important; margin: 0 !important; }} /* Login trigger redesign: compact outlined orange control */ body[data-template="cs27Reg"] [data-target="#login"], body[data-template="cs27Reg"] [data-target="#authorization"], body[data-template="cs27Reg"] a[href="#login"], body[data-template="cs27Reg"] a[href="#authorization"] { min-height: 38px !important; padding: 0 18px !important; border: 1px solid rgba(255,91,48,.72) !important; border-radius: 20px !important; background: rgba(255,91,48,.06) !important; box-shadow: 0 0 18px rgba(255,91,48,.12) !important; color: #fff !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; font-weight: 700 !important; line-height: 1 !important; text-decoration: none !important; transition: .18s ease !important; } body[data-template="cs27Reg"] [data-target="#login"]:hover, body[data-template="cs27Reg"] [data-target="#authorization"]:hover, body[data-template="cs27Reg"] a[href="#login"]:hover, body[data-template="cs27Reg"] a[href="#authorization"]:hover { border-color: #ff5b30 !important; background: rgba(255,91,48,.12) !important; box-shadow: 0 0 22px rgba(255,91,48,.22) !important; transform: translateY(-1px); } /* CS27REG 3.21.17.7 — scoped auth + last operations */ /* Authorization only — no generic .modal rules */ #login .modal-dialog { width: min(560px, calc(100vw - 32px)) !important; max-width: 560px !important; margin: 28px auto !important; } #login .modal-content.modal_der { width: 100% !important; box-sizing: border-box !important; overflow: hidden !important; border: 1px solid #3a4445 !important; border-radius: 16px !important; background: #202526 !important; } #login .modal-body { width: 100% !important; box-sizing: border-box !important; padding: 28px 30px 30px !important; } #login .login_block, #login .tab-contents, #login .tab-contentes, #login .flex_authorization_page, #login .block.authorization, #login #user_login, #login #user_registration { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } #login .login_place { width: 100% !important; margin-bottom: 10px !important; } #login .input_login, #login .form_control_auth { min-width: 0 !important; box-sizing: border-box !important; } #login .form_control_auth { width: 100% !important; } #login .login_account_btn { width: 100% !important; margin-top: 8px !important; } #login .authorization { padding-bottom: 4px !important; } @media (max-width:575px) { #login .modal-dialog { width: calc(100vw - 20px) !important; margin: 10px auto !important; } #login .modal-body { padding: 20px 16px 22px !important; } } /* Requested profile name typography */ body[data-template="cs27Reg"] .cs27-inner-page .name_card { font-size: 12px !important; line-height: 1.4 !important; } /* Last operations — wrapper contents + full purse table */ @media(min-width:768px){body[data-template="cs27Reg"] #last_operations :is(.purse_list,.table-responsive,table) { display: contents; width: 100% !important; max-width: none !important; margin: 0 !important; }} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations .purse_list { display: table !important; width: 100% !important; max-width: 100% !important; margin: 14px 0 0 !important; padding: 20px !important; border: 1px solid #343e3f !important; border-radius: 11px !important; border-collapse: separate !important; border-spacing: 0 !important; background: #1c2223 !important; overflow: hidden !important; }} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations .purse_list th, body[data-template="cs27Reg"] #last_operations .purse_list td { padding: 12px 14px !important; vertical-align: middle !important; }} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations .purse_list tr + tr td { border-top: 1px solid #303839 !important; }} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations { padding-top: 8px !important; padding-bottom: 12px !important; }} /* CS27REG 3.21.17.9 — exact #admin_menu repair Runtime DOM confirmed: #admin_menu > .modal-dialog > .modal-content > .modal-body > .admin_menu_block */ body[data-template="cs27Reg"] #admin_menu .modal-dialog { width: min(760px, calc(100vw - 30px)) !important; max-width: 760px !important; margin: 28px auto !important; } body[data-template="cs27Reg"] #admin_menu .modal-content { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } body[data-template="cs27Reg"] #admin_menu .modal-body { width: 100% !important; padding: 20px !important; box-sizing: border-box !important; } body[data-template="cs27Reg"] #admin_menu .admin_menu_block { display: grid !important; grid-template-columns: minmax(300px, 1fr) minmax(250px, .9fr) !important; gap: 16px !important; width: 100% !important; min-width: 0 !important; align-items: start !important; } body[data-template="cs27Reg"] #admin_menu .left_block_admin { width: 100% !important; min-width: 0 !important; } body[data-template="cs27Reg"] #admin_menu .btn_admins_menu { display: flex !important; flex-direction: column !important; width: 100% !important; min-width: 250px !important; gap: 8px !important; } body[data-template="cs27Reg"] #admin_menu .btn_admin_func { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; min-width: 0 !important; height: 48px !important; min-height: 48px !important; padding: 0 12px !important; gap: 10px !important; box-sizing: border-box !important; white-space: nowrap !important; word-break: normal !important; overflow: hidden !important; writing-mode: horizontal-tb !important; text-orientation: mixed !important; } body[data-template="cs27Reg"] #admin_menu .btn_admin_func i { flex: 0 0 32px !important; width: 32px !important; min-width: 32px !important; height: 32px !important; margin: 0 !important; } body[data-template="cs27Reg"] #admin_menu .balance-left, body[data-template="cs27Reg"] #admin_menu .skidka-right { width: 100% !important; box-sizing: border-box !important; } body[data-template="cs27Reg"] #admin_menu .procent_name_menu, body[data-template="cs27Reg"] #admin_menu .procent_admin_menu { writing-mode: horizontal-tb !important; word-break: normal !important; white-space: nowrap !important; } @media(max-width:700px) { body[data-template="cs27Reg"] #admin_menu .modal-dialog { width: calc(100vw - 18px) !important; margin: 9px auto !important; } body[data-template="cs27Reg"] #admin_menu .admin_menu_block { grid-template-columns: 1fr !important; } body[data-template="cs27Reg"] #admin_menu .btn_admins_menu { min-width: 0 !important; } } /* CS27REG 3.21.17.10 — exact admins/auth/profile/services */ /* /admins: keep avatar immediately beside login and center the pair */ @media(min-width:768px){body[data-template="cs27Reg"] .block_admins_select .table-row .col-lg-4.with-icon.with-description{ display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;text-align:left!important; }} @media(min-width:768px){body[data-template="cs27Reg"] .block_admins_select .table-row .col-lg-4.with-icon.with-description>.admins_img{ margin:0!important;flex:0 0 auto!important; }} @media(min-width:768px){body[data-template="cs27Reg"] .block_admins_select .table-row .col-lg-4.with-icon.with-description>p{ width:auto!important;margin:0!important;text-align:left!important; }} @media(min-width:768px){body[data-template="cs27Reg"] .block_admins_select .table-row .col-lg-4.with-icon.with-description>p>a{margin:0!important;text-align:left!important}} /* Login / registration — exact #login only. Verified appendTo(body) remains untouched. */ #login .modal-dialog{width:min(540px,calc(100vw - 24px))!important;max-width:540px!important;margin:24px auto!important} #login .modal-content.modal_der{width:100%!important;padding:0!important;overflow:hidden!important;border:1px solid #394344!important;border-radius:18px!important;background:#1e2324!important;box-sizing:border-box!important} #login .modal-body{padding:24px!important;box-sizing:border-box!important} #login .tabes{display:flex!important;gap:6px!important;width:100%!important;padding:5px!important;margin:0 0 20px!important;background:#12161a!important;border-radius:12px!important;box-sizing:border-box!important} #login .tabes .tab{flex:1 1 50%!important;min-width:0!important;padding:14px 10px!important;text-align:center!important;border-radius:9px!important} #login .tabes .tab.active{background:#ff5728!important;color:#fff!important;box-shadow:0 7px 20px rgba(255,87,40,.18)!important} #login :is(.login_block,.tab-contents,.tab-contentes,.flex_authorization_page,.block.authorization,form){width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important} #login .login_place{width:100%!important;margin:0 0 9px!important} #login .input_login{display:flex!important;align-items:center!important;width:100%!important;height:50px!important;padding:4px!important;margin:0!important;background:#292f30!important;border:1px solid #353e3f!important;border-radius:10px!important;box-sizing:border-box!important;overflow:hidden!important} #login .input_login>i{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;height:40px!important;margin:0 6px 0 0!important;border-radius:8px!important;background:#3b4344!important} #login .input_login .form_control_auth{flex:1 1 auto!important;width:auto!important;min-width:0!important;height:40px!important;margin:0!important;padding:0 11px!important;border:0!important;border-radius:8px!important;box-shadow:none!important;box-sizing:border-box!important} #login .login_account_btn{width:100%!important;min-height:44px!important;margin:10px 0 0!important;border-radius:9px!important} #login .button_social{display:flex!important;gap:8px!important;width:100%!important} #login .button_social>*{flex:1 1 50%!important;min-width:0!important} #login .button_social a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:46px!important;border-radius:9px!important;box-sizing:border-box!important} @media(max-width:575px){#login .modal-dialog{width:calc(100vw - 16px)!important;margin:8px auto!important}#login .modal-body{padding:16px!important}} /* /profile — purchased services */ body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-privileges{ width:100%!important;overflow:hidden!important;border:1px solid #343e3f!important;border-radius:11px!important;background:#1c2223!important; } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-privileges>.table-row{ min-height:48px!important;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid #323c3d!important;border-radius:0!important;background:#202627!important; } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-privileges>.table-row:nth-child(even){background:#1d2324!important} body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-privileges>.table-row:last-child{border-bottom:0!important} body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-privileges>.table-row>.row{width:100%!important;margin:0!important;align-items:center!important} body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-privileges>.table-row .with-icon{min-width:0!important;padding:9px 10px!important;align-items:center!important} body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-privileges>.table-row :is(p,a,span){margin-top:0!important;margin-bottom:0!important;line-height:1.35!important;overflow-wrap:anywhere!important} /* User services modal — same visual language as /stats */ body[data-template="cs27Reg"] .cs27-user-services-modal .modal-dialog{width:min(900px,calc(100vw - 28px))!important;max-width:900px!important} body[data-template="cs27Reg"] .cs27-user-services-modal .modal-content{overflow:hidden!important;border:1px solid #343e3f!important;border-radius:12px!important;background:#1d2223!important} body[data-template="cs27Reg"] .cs27-user-services-modal .modal-body{padding:14px 18px 18px!important} body[data-template="cs27Reg"] .cs27-user-services-modal .table-responsive{margin:0!important;overflow-x:auto!important;border:1px solid #323c3d!important;border-radius:0!important} body[data-template="cs27Reg"] .cs27-user-services-modal table{width:100%!important;margin:0!important;border:0!important;border-collapse:separate!important;border-spacing:0!important;background:#1c2223!important} body[data-template="cs27Reg"] .cs27-user-services-modal thead tr{height:44px!important;background:#202728!important} body[data-template="cs27Reg"] .cs27-user-services-modal thead td{font-size:10px!important;font-weight:700!important;text-transform:uppercase!important;color:#899596!important} body[data-template="cs27Reg"] .cs27-user-services-modal :is(td,th){padding:10px 12px!important;text-align:center!important;vertical-align:middle!important;border:0!important;border-bottom:1px solid #323c3d!important;background:transparent!important} body[data-template="cs27Reg"] .cs27-user-services-modal tbody tr{height:48px!important;background:#1c2223!important} body[data-template="cs27Reg"] .cs27-user-services-modal tbody tr:nth-child(even){background:#202627!important} body[data-template="cs27Reg"] .cs27-user-services-modal tbody tr:last-child td{border-bottom:0!important} /* CS27REG 3.21.17.12 — exact profile + exact HTML table modal */ body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services{ border:1px solid #343e3f!important;border-radius:12px!important;background:#1c2223!important;overflow:hidden!important } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .flex_head_block{ min-height:48px!important;padding:0 14px!important;margin:0!important;border-bottom:1px solid #343e3f!important;background:#202728!important } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services :is(.table-adaptive,.table-fused,.cs27-list-table){ width:100%!important;margin:0!important;border:0!important;border-radius:0!important;background:#1c2223!important } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .table-row{ margin:0!important;border:0!important;border-bottom:1px solid #323c3d!important;border-radius:0!important;background:#1c2223!important } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .table-row:last-child{border-bottom:0!important} /* #modal41 / user services is a real HTML table */ body[data-template="cs27Reg"] .cs27-user-services-modal .modal-dialog{width:min(940px,calc(100vw - 28px))!important;max-width:940px!important} body[data-template="cs27Reg"] .cs27-user-services-modal .modal-content{overflow:hidden!important;border:1px solid #343e3f!important;border-radius:12px!important;background:#1c2223!important} body[data-template="cs27Reg"] .cs27-user-services-modal .modal-header{min-height:52px!important;padding:0 18px!important;border-bottom:1px solid #343e3f!important;background:#202728!important} body[data-template="cs27Reg"] .cs27-user-services-modal .modal-body{padding:0!important} body[data-template="cs27Reg"] .cs27-user-services-modal .table-responsive{margin:0!important;overflow-x:auto!important} body[data-template="cs27Reg"] .cs27-user-services-modal table.cs27-data-table{ width:100%!important;margin:0!important;border:0!important;border-collapse:separate!important;border-spacing:0!important;background:#1c2223!important } body[data-template="cs27Reg"] .cs27-user-services-modal table.cs27-data-table thead tr{background:#202728!important} body[data-template="cs27Reg"] .cs27-user-services-modal table.cs27-data-table :is(th,td){ height:48px!important;padding:10px 12px!important;vertical-align:middle!important;text-align:center!important; border:0!important;border-right:1px solid #323c3d!important;border-bottom:1px solid #323c3d!important;background:transparent!important } body[data-template="cs27Reg"] .cs27-user-services-modal table.cs27-data-table tr>*:last-child{border-right:0!important} body[data-template="cs27Reg"] .cs27-user-services-modal table.cs27-data-table tbody tr:last-child td{border-bottom:0!important} body[data-template="cs27Reg"] .cs27-user-services-modal table.cs27-data-table tbody tr:nth-child(even){background:#202627!important} body[data-template="cs27Reg"] .cs27-user-services-modal table.cs27-data-table p{margin:0!important} /* CS27REG 3.21.17.13 — final table visual pass */ /* User services modal: square table grid */ body[data-template="cs27Reg"] .cs27-user-services-modal .table-responsive, body[data-template="cs27Reg"] .cs27-user-services-modal table.cs27-data-table, body[data-template="cs27Reg"] .cs27-user-services-modal table.cs27-data-table :is(thead,tbody,tr,th,td){ border-radius:0!important; } body[data-template="cs27Reg"] .cs27-user-services-modal table.cs27-data-table thead td{ font-weight:700!important; color:#aeb6b7!important; text-transform:uppercase!important; letter-spacing:.02em!important; } body[data-template="cs27Reg"] .cs27-user-services-modal table.cs27-data-table tbody td{ color:#f1f3f3!important; font-weight:600!important; } /* Profile purchased services: square internal rows and consistent alignment */ body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services :is(.table-adaptive,.table-fused,.cs27-list-table,.table-row,.table-row>.row){ } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .table-row>.row{ display:flex!important; align-items:center!important; } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .table-row [class*="col-"]{ display:flex!important; align-items:center!important; min-height:48px!important; padding:9px 12px!important; box-sizing:border-box!important; } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .table-row [class*="col-"]:not(:last-child){ border-right:1px solid #323c3d!important; } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .table-row :is(p,a,span){ margin:0!important; line-height:1.35!important; } /* CS27REG 3.21.17.14 — privileges layout + services modal header */ /* Exact requested modal header spacing */ body[data-template="cs27Reg"] .cs27-user-services-modal .modal-header { min-height:52px!important; padding:10px!important; border-bottom:1px solid #343e3f!important; background:#202728!important; } /* /profile -> Privileges: rebuild legacy row visually as a clean 3-column grid */ body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services { padding:0!important; } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .flex_head_block { min-height:56px!important; padding:0 14px!important; margin:0!important; display:flex!important; align-items:center!important; position:relative!important; z-index:2!important; } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .flex_head_l { width:100%!important; display:flex!important; align-items:center!important; gap:10px!important; } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .flex_top_usr { display:flex!important; flex-direction:column!important; justify-content:center!important; min-width:0!important; } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .name_top_usr { font-size:15px!important; line-height:1.15!important; font-weight:800!important; } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .desp_top_usr { margin-top:2px!important; line-height:1.15!important; } /* rows */ body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .table-row { width:100%!important; min-height:52px!important; margin:0!important; padding:0!important; border:0!important; border-bottom:1px solid #323c3d!important; border-radius:0!important; background:#1c2223!important; } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .table-row:last-child { border-bottom:0!important; } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .table-row > .row { display:grid!important; grid-template-columns:minmax(145px,.9fr) minmax(165px,1fr) minmax(0,1.45fr)!important; width:100%!important; min-height:52px!important; margin:0!important; padding:0!important; align-items:stretch!important; } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .table-row > .row > [class*="col-"] { width:auto!important; max-width:none!important; flex:none!important; min-width:0!important; min-height:52px!important; padding:10px 12px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; border:0!important; border-right:1px solid #323c3d!important; box-sizing:border-box!important; overflow:hidden!important; } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .table-row > .row > [class*="col-"]:last-child { border-right:0!important; } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .table-row :is(p,a,span) { max-width:100%!important; margin:0!important; line-height:1.3!important; white-space:normal!important; overflow-wrap:anywhere!important; word-break:normal!important; } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .table-row > .row > [class*="col-"]:nth-child(1) { font-weight:700!important; } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .table-row > .row > [class*="col-"]:nth-child(3) { font-weight:600!important; } /* On this narrow right-column card, keep readable proportions */ @media (max-width:1200px) { body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .table-row > .row { grid-template-columns:130px 150px minmax(0,1fr)!important; } } /* CS27REG 3.21.17.15 — privileges multiline services */ /* Do not force with-icon content to vertical center */ body[data-template="cs27Reg"] .table-adaptive .table-row > .row > div.with-icon > :is(i,img) { top: auto !important; transform: none !important; } body[data-template="cs27Reg"] .table-adaptive .table-row > .row > div.with-icon > i { color:#ff9573 !important; font-size:15px !important; border-radius:9px !important; background:#ff957326 !important; top:9px !important; } /* Third column (services): grow vertically and show every service */ body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .table-row > .row > [class*="col-"]:nth-child(3) { align-items:flex-start !important; justify-content:flex-start !important; height:auto !important; min-height:52px !important; padding-top:10px !important; padding-bottom:10px !important; overflow:visible !important; } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .table-row > .row > [class*="col-"]:nth-child(3) :is(p,span,a) { display:block !important; width:100% !important; max-width:100% !important; height:auto !important; max-height:none !important; white-space:normal !important; overflow:visible !important; text-overflow:clip !important; overflow-wrap:anywhere !important; word-break:normal !important; line-height:1.4 !important; } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .table-row, body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .table-row > .row { height:auto !important; min-height:52px !important; } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .table-row > .row > [class*="col-"]:nth-child(1), body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .table-row > .row > [class*="col-"]:nth-child(2) { align-self:stretch !important; height:auto !important; } /* CS27REG 3.21.17.17 */ body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .flex_head_l>i{ position:static!important;top:auto!important;left:auto!important;transform:none!important; flex:0 0 35px!important;width:35px!important;height:35px!important;min-width:35px!important; margin:0!important;padding:0!important;display:flex!important;align-items:center!important; justify-content:center!important;line-height:1!important;text-align:center!important;box-sizing:border-box!important } body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .table-row>.row>div.with-icon>.bx-bolt-circle{ position:static!important;top:auto!important;left:auto!important;transform:none!important; flex:0 0 30px!important;width:30px!important;height:30px!important;min-width:30px!important; margin:0 8px 0 0!important;padding:0!important;display:inline-flex!important;align-items:center!important; justify-content:center!important;line-height:1!important;text-align:center!important;box-sizing:border-box!important } /* edit_forum: original geometry, current cs27 palette */ body[data-template="cs27Reg"] .new_table_forum{background:#202627!important;border-color:#343e3f!important} body[data-template="cs27Reg"] .new_table_forum :is(.custom-input input,.custom-file-label){background:#302b2d!important;border-color:#3b4243!important;color:#f1f3f3!important} body[data-template="cs27Reg"] .new_table_forum :is(.btn_forum_setting_mini,.btn_forum_setting_min,.btn_forum_setting_delete){background:#252b2c!important;border-color:#343e3f!important;color:#f2f4f4!important} body[data-template="cs27Reg"] .new_table_forum .img_forum_setting{ width:48px!important;height:48px!important;min-width:48px!important;object-fit:contain!important; padding:7px!important;box-sizing:border-box!important;border:1px solid #69402f!important; border-radius:10px!important;background:#2a211e!important } /* CS27REG 3.21.17.18 — /forum/edit_forum public icon palette */ /* Keep original editor geometry; recolor actual legacy elements. */ body[data-template="cs27Reg"] .new_table_forum, body[data-template="cs27Reg"] .new_tr_forum_flex { background:#202627!important; border-color:#343e3f!important; } body[data-template="cs27Reg"] .new_table_forum .new_tr_forum { background:transparent!important; } body[data-template="cs27Reg"] .new_table_forum :is(input,.custom-file-label,.custom-input input) { background:#2b292a!important; border-color:#3b4243!important; color:#f2f4f4!important; } body[data-template="cs27Reg"] .new_table_forum :is(.btn_forum_setting_mini,.btn_forum_setting_min,.btn_forum_setting_delete) { background:#252b2c!important; border:1px solid #343e3f!important; color:#f4f6f6!important; } /* Hide the legacy uploaded preview visually; use the same orange BX card language as /forum. */ body[data-template="cs27Reg"] .new_table_forum .cs27-forum-upload-preview { display:none!important; } body[data-template="cs27Reg"] .new_table_forum .cs27-forum-public-icon { width:48px!important; height:48px!important; min-width:48px!important; padding:0!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; border:1px solid #69402f!important; border-radius:10px!important; background:#2a211e!important; box-sizing:border-box!important; } body[data-template="cs27Reg"] .new_table_forum .cs27-forum-public-icon > i { position:static!important; transform:none!important; width:auto!important; height:auto!important; margin:0!important; padding:0!important; color:#ff5b30!important; background:transparent!important; border:0!important; font-size:25px!important; line-height:1!important; } /* Public forum icon variants by row order within each section: 1 = discussion/application, 2 = ban/admin topic. */ body[data-template="cs27Reg"] .new_table_forum:nth-of-type(1) .cs27-forum-public-icon > i:before { content:"\ea7d"!important; } /* Purchased services bolt remains centered. */ body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services .table-row > .row > div.with-icon > .bx-bolt-circle { position:static!important; top:auto!important; left:auto!important; transform:none!important; flex:0 0 30px!important; width:30px!important; height:30px!important; min-width:30px!important; margin:0 8px 0 0!important; padding:0!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; line-height:1!important; text-align:center!important; box-sizing:border-box!important; } /* CS27REG 3.21.17.19 — forum access colors + /purse history */ /* /forum/edit_forum access-role buttons: remove legacy grey palette */ body[data-template="cs27Reg"] #sections .btn-group-toggle .btn, body[data-template="cs27Reg"] #sections .btn-group-toggle label, body[data-template="cs27Reg"] #sections .btn-group-toggle .btn-secondary { background:#252b2c!important; border:1px solid #343e3f!important; color:#aeb6b7!important; box-shadow:none!important; } body[data-template="cs27Reg"] #sections .btn-group-toggle .btn:hover, body[data-template="cs27Reg"] #sections .btn-group-toggle label:hover { background:#2b3233!important; border-color:#465152!important; color:#f3f5f5!important; } body[data-template="cs27Reg"] #sections .btn-group-toggle .active, body[data-template="cs27Reg"] #sections .btn-group-toggle .btn.active, body[data-template="cs27Reg"] #sections .btn-group-toggle label.active { background:#ff5b30!important; border-color:#ff5b30!important; color:#fff!important; box-shadow:0 0 14px rgba(255,91,48,.12)!important; } /* first "Все" remains the orange active state even with legacy input markup */ body[data-template="cs27Reg"] #sections .btn-group-toggle > :first-child { border-color:#ff5b30!important; } /* /purse -> История платежей: stats-style square table */ @media(min-width:768px){body[data-template="cs27Reg"] #last_operations { width:100%!important; padding:0!important; margin:0!important; border:1px solid #343e3f!important; border-radius:0!important; background:#1c2223!important; overflow:hidden!important; }} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations :is(.table-responsive,.purse_list) { width:100%!important; max-width:none!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:#1c2223!important; overflow-x:auto!important; }} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations table, body[data-template="cs27Reg"] #last_operations .purse_list { width:100%!important; margin:0!important; padding:0!important; border:0!important; border-collapse:separate!important; border-spacing:0!important; border-radius:0!important; background:#1c2223!important; overflow:hidden!important; }} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations :is(thead,tbody,tr,th,td) { border-radius:0!important; }} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations thead tr { min-height:46px!important; background:#202728!important; }} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations thead :is(th,td) { height:46px!important; padding:10px 14px!important; border:0!important; border-right:1px solid #323c3d!important; border-bottom:1px solid #323c3d!important; background:#202728!important; color:#9fa9aa!important; font-weight:700!important; text-transform:uppercase!important; vertical-align:middle!important; }} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody tr { min-height:50px!important; background:#1c2223!important; }} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody tr:nth-child(even) { background:#202627!important; }} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody td { height:50px!important; padding:10px 14px!important; border:0!important; border-right:1px solid #323c3d!important; border-bottom:1px solid #323c3d!important; background:transparent!important; vertical-align:middle!important; }} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tr > :last-child { border-right:0!important; }} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody tr:last-child td { border-bottom:0!important; }} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody :is(td:nth-last-child(2),td:last-child) { text-align:center!important; }} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations :is(.purse_plus,.purse_minus,.status_plus,.status_minus) { border-radius:0!important; }} /* load-more button becomes a square-edged table footer row */ @media(min-width:768px){body[data-template="cs27Reg"] #last_operations :is(.btn_load_purse,.load_more,.show_more) { width:100%!important; min-height:48px!important; margin:0!important; border:0!important; border-top:1px solid #323c3d!important; border-radius:0!important; background:#252b2c!important; color:#f1f3f3!important; }} /* CS27REG 3.21.17.20 — /purse exact alignment + zero radius */ /* 1. Table header / transparent_tr — all column titles centered */ @media(min-width:768px){body[data-template="cs27Reg"] #last_operations .transparent_tr, body[data-template="cs27Reg"] #last_operations .transparent_tr > :is(th,td), body[data-template="cs27Reg"] #last_operations tr.transparent_tr > :is(th,td) { text-align:center!important; vertical-align:middle!important; justify-content:center!important; }} /* 2. loader2 — breathing room above */ body[data-template="cs27Reg"] .loader2 { margin-top:14px!important; }@media(min-width:768px){body[data-template="cs27Reg"] #last_operations .loader2{ margin-top:14px!important; }} /* 3. status_purse_minus / plus — exact center in status cell */ @media(min-width:768px){body[data-template="cs27Reg"] #last_operations :is(.status_purse_minus,.status_purse_plus) { margin-left:auto!important; margin-right:auto!important; display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; }} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations td:has(> .status_purse_minus), body[data-template="cs27Reg"] #last_operations td:has(> .status_purse_plus) { text-align:center!important; vertical-align:middle!important; }} /* Remove ALL remaining rounding from the payment-history table itself */ @media(min-width:768px){body[data-template="cs27Reg"] #last_operations, body[data-template="cs27Reg"] #last_operations .purse_list, body[data-template="cs27Reg"] #last_operations .table-responsive, body[data-template="cs27Reg"] #last_operations table, body[data-template="cs27Reg"] #last_operations thead, body[data-template="cs27Reg"] #last_operations tbody, body[data-template="cs27Reg"] #last_operations tr, body[data-template="cs27Reg"] #last_operations th, body[data-template="cs27Reg"] #last_operations td, body[data-template="cs27Reg"] #last_operations .transparent_tr, body[data-template="cs27Reg"] #last_operations .status_purse_minus, body[data-template="cs27Reg"] #last_operations .status_purse_plus { border-radius:0!important; }} /* Kill row/card pseudo rounding from older theme rules */ @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tr:before, body[data-template="cs27Reg"] #last_operations tr:after, body[data-template="cs27Reg"] #last_operations td:first-child, body[data-template="cs27Reg"] #last_operations td:last-child { border-radius:0!important; }} /* CS27REG 3.21.17.21 — /purse exact requested cleanup */ @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody tr td:first-child { border-radius:0!important; }} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody td { height:50px!important; padding:10px 14px!important; border:0!important; border-right:0!important; border-bottom:0!important; background:transparent!important; vertical-align:middle!important; border-radius:0!important; }} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody tr td:last-child { border-radius:0!important; }} /* CS27REG 3.21.17.22 — LOGIN / REGISTRATION FINAL REDESIGN Scoped strictly to #login. Other modals/pages are untouched. */ #login .modal-dialog { width:min(520px,calc(100vw - 24px))!important; max-width:520px!important; margin:28px auto!important; } #login .modal-content.modal_der { width:100%!important; max-width:100%!important; padding:0!important; overflow:hidden!important; box-sizing:border-box!important; border:1px solid #384243!important; border-radius:16px!important; background:#1d2223!important; box-shadow:0 24px 70px rgba(0,0,0,.48)!important; } #login .modal-body { width:100%!important; padding:24px!important; box-sizing:border-box!important; background:transparent!important; } #login :is(.login_block,.tab-contents,.tab-contentes,.flex_authorization_page,.block.authorization,.registration,#user_login,#user_registration) { width:100%!important; max-width:100%!important; min-width:0!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } /* Tabs */ #login .tabes { display:grid!important; grid-template-columns:1fr 1fr!important; gap:5px!important; width:100%!important; margin:0 0 20px!important; padding:5px!important; box-sizing:border-box!important; border:1px solid #252c2d!important; border-radius:11px!important; background:#111519!important; } #login .tabes .tab { width:100%!important; min-width:0!important; min-height:48px!important; margin:0!important; padding:0 12px!important; display:flex!important; align-items:center!important; justify-content:center!important; border:0!important; border-radius:8px!important; background:transparent!important; color:#858e8f!important; font-weight:700!important; cursor:pointer!important; transition:.18s ease!important; } #login .tabes .tab.active { background:#ff5b30!important; color:#fff!important; box-shadow:0 7px 20px rgba(255,91,48,.22)!important; } /* Welcome title */ #login :is(.authorization,.registration) h1, #login :is(.authorization,.registration) h2, #login :is(.authorization,.registration) .title_auth { margin:0 0 5px!important; text-align:center!important; color:#f4f6f6!important; line-height:1.2!important; } #login :is(.authorization,.registration) .desc_auth, #login :is(.authorization,.registration) .description_auth { margin:0 0 18px!important; text-align:center!important; color:#8e9798!important; line-height:1.4!important; } /* Input row */ #login .login_place { width:100%!important; margin:0 0 10px!important; padding:0!important; box-sizing:border-box!important; } #login .input_login { display:flex!important; align-items:center!important; width:100%!important; height:50px!important; min-height:50px!important; margin:0!important; padding:4px!important; box-sizing:border-box!important; overflow:hidden!important; border:1px solid #343e3f!important; border-radius:10px!important; background:#272d2e!important; transition:border-color .18s ease,box-shadow .18s ease!important; } #login .input_login:focus-within { border-color:#8d4a35!important; box-shadow:0 0 0 3px rgba(255,91,48,.08)!important; } #login .input_login > i { position:static!important; top:auto!important; left:auto!important; transform:none!important; display:flex!important; flex:0 0 42px!important; width:42px!important; min-width:42px!important; height:40px!important; margin:0 6px 0 0!important; padding:0!important; align-items:center!important; justify-content:center!important; box-sizing:border-box!important; border:0!important; border-radius:8px!important; background:#394142!important; color:#9ba4a5!important; font-size:18px!important; } #login .input_login .form_control_auth { flex:1 1 auto!important; width:auto!important; min-width:0!important; height:40px!important; margin:0!important; padding:0 11px!important; box-sizing:border-box!important; border:0!important; outline:0!important; border-radius:7px!important; background:#eef6ff!important; box-shadow:none!important; color:#111719!important; font-size:13px!important; } #login .input_login .form_control_auth::placeholder { color:#747d7e!important; opacity:1!important; } /* Main action */ #login :is(.login_account_btn,.registration_btn,.btn_auth,.btn_reg) { width:100%!important; min-height:46px!important; margin:10px 0 0!important; padding:0 16px!important; display:flex!important; align-items:center!important; justify-content:center!important; box-sizing:border-box!important; border:1px solid #ff5b30!important; border-radius:9px!important; background:#ff5b30!important; color:#fff!important; font-weight:800!important; box-shadow:none!important; } #login :is(.login_account_btn,.registration_btn,.btn_auth,.btn_reg):hover { background:#e94e25!important; border-color:#e94e25!important; } /* Forgot password */ #login :is(.forgot_password,.forgot-pass,.restore_password) { display:block!important; width:max-content!important; max-width:100%!important; margin:12px auto!important; color:#8f9899!important; text-align:center!important; text-decoration:none!important; } #login :is(.forgot_password,.forgot-pass,.restore_password):hover { color:#ff805d!important; } /* Divider */ #login :is(.or_auth,.auth_or,.login_or) { width:100%!important; margin:14px 0!important; color:#8d9697!important; text-align:center!important; } /* Social buttons */ #login .button_social { display:grid!important; grid-template-columns:1fr 1fr!important; gap:8px!important; width:100%!important; margin:0!important; } #login .button_social > * { min-width:0!important; margin:0!important; } #login .button_social a { width:100%!important; min-height:46px!important; margin:0!important; padding:0 12px!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; box-sizing:border-box!important; border:1px solid #394243!important; border-radius:9px!important; background:#2b3132!important; color:#aab2b3!important; text-decoration:none!important; transition:.18s ease!important; } #login .button_social a:hover { border-color:#4b5657!important; background:#32393a!important; color:#fff!important; } #login .button_social a i { position:static!important; transform:none!important; margin:0!important; padding:0!important; background:transparent!important; border:0!important; font-size:19px!important; } /* Registration personal-data agreement */ #login #user_registration :is(.custom-control,.privacy-policy,.personal-data,.agreement) { width:100%!important; margin:10px 0!important; padding:10px 12px!important; box-sizing:border-box!important; border:1px solid #343e3f!important; border-radius:9px!important; background:#202627!important; color:#969fa0!important; line-height:1.35!important; } /* Never allow legacy widths to escape the modal */ #login input, #login button, #login a, #login label, #login .form-group { max-width:100%!important; box-sizing:border-box!important; } @media(max-width:575px) { #login .modal-dialog { width:calc(100vw - 16px)!important; margin:8px auto!important; } #login .modal-body { padding:16px!important; } #login .tabes .tab { min-height:44px!important; font-size:12px!important; } #login .button_social { grid-template-columns:1fr!important; } } /* CS27REG 3.21.17.23 — auth 10px inset + registration finish */ /* Keep every login/registration control at least 10px inside the modal frame */ #login .modal-body { padding:10px!important; } #login .login_block { width:100%!important; padding:0!important; margin:0!important; box-sizing:border-box!important; } #login .tabes, #login .tab-contents { width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } #login .tab-contents { padding:0!important; } #login :is(#home-content,#profile-content) { width:100%!important; max-width:100%!important; padding:0!important; margin:0!important; box-sizing:border-box!important; } #login :is(.flex_authorization_page,.block.authorization,.registration,#user_login,#user_registration) { width:100%!important; max-width:100%!important; min-width:0!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } /* Inner framed authorization/registration area */ #login :is(.block.authorization,.registration) { padding:10px!important; border:1px solid #303839!important; border-radius:11px!important; background:#1b2021!important; } /* Preserve current 50px field height */ #login .login_place { width:100%!important; margin:0 0 10px!important; } #login .input_login { width:100%!important; height:50px!important; min-height:50px!important; box-sizing:border-box!important; } #login .input_login .form_control_auth { height:40px!important; } /* Registration uses exactly the same geometry as authorization */ #login #user_registration { display:block; } #login #user_registration .login_place:last-of-type { margin-bottom:10px!important; } /* Personal-data agreement: full-width compact row */ #login #user_registration :is(.custom-control,.privacy-policy,.personal-data,.agreement) { width:100%!important; min-height:48px!important; margin:10px 0!important; padding:9px 10px!important; display:flex!important; align-items:center!important; gap:9px!important; box-sizing:border-box!important; border:1px solid #343e3f!important; border-radius:9px!important; background:#202627!important; } #login #user_registration :is(input[type="checkbox"],input[type="radio"]) { flex:0 0 auto!important; margin:0!important; } #login #user_registration :is(label,.custom-control-label) { min-width:0!important; margin:0!important; line-height:1.35!important; color:#969fa0!important; } /* Registration action button */ #login #user_registration :is(button,input[type="button"],input[type="submit"],.btn) { max-width:100%!important; box-sizing:border-box!important; } /* Social login stays aligned and inside frame */ #login .button_social { width:100%!important; max-width:100%!important; margin:0!important; box-sizing:border-box!important; } #login .button_social a { max-width:100%!important; box-sizing:border-box!important; } @media(max-width:575px) { #login .modal-body { padding:10px!important; } #login :is(.block.authorization,.registration) { padding:10px!important; } } /* CS27REG 3.21.17.24 — auth padding + guest profile navigation */ #login :is(.block.authorization,.registration) { padding:30px!important; border:0!important; border-radius:11px!important; background:#1b2021!important; } #login .modal-body { padding:30px!important; } /* Guest state: profile navigation must not be shown. JS below marks body.cs27-guest only when no authenticated profile UI is present. */ body.cs27-guest .navigation_profile { display:none!important; } /* CS27REG 3.21.17.25 — /stats/player info header */ body[data-template="cs27Reg"] .info_block_names { background:#202728!important; display:flex!important; padding:10px!important; position:relative!important; gap:10px!important; border:1px solid #323c3d!important; font-weight:bold!important; align-items:center!important; } /* CS27REG 3.21.17.26 — ban/muts details + progress */ /* "Подробная информация" on /banlist and /muts — same header treatment as stats/player */ @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts) .info_block_names { background:#202728!important; display:flex!important; padding:10px!important; position:relative!important; gap:10px!important; border:1px solid #323c3d!important; border-radius:0!important; font-weight:bold!important; align-items:center!important; }} /* Requested progress appearance */ body[data-template="cs27Reg"] .progress { height:-webkit-fill-available!important; overflow:hidden!important; background:rgba(255,255,255,.09)!important; border-radius:99px!important; } /* CS27REG 3.21.17.27 — inner headings + detail icons */ /* Requested headings across inner pages */ body[data-template="cs27Reg"] .cs27-inner-page :is(h1,.heading) { font:750 25px/1.3 'Segoe UI',sans-serif!important; color:#f4f5f5!important; margin:0!important; overflow-wrap:anywhere!important; padding-bottom:20px!important; } /* Detail information icons: stats/player, banlist, muts */ body[data-template="cs27Reg"] .cs27-inner-page .info_block_names > i, body[data-template="cs27Reg"] .cs27-inner-page .info_block_names :is(.bx,.fa){ color:#ffffff!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; background:var(--cs-orange)!important; }@media(min-width:768px){ body[data-template="cs27Reg"] :is(#banlist,#muts) .info_block_names > i, body[data-template="cs27Reg"] :is(#banlist,#muts) .info_block_names :is(.bx,.fa) { color:#ffffff!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; background:var(--cs-orange)!important; }} /* CS27REG 3.21.17.28 — detail information radius */ body[data-template="cs27Reg"] .info_block_names { background:#202728!important; display:flex!important; padding:10px!important; position:relative!important; gap:10px!important; border:1px solid #323c3d!important; font-weight:bold!important; align-items:center!important; } @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts) .info_block_names { background:#202728!important; display:flex!important; padding:10px!important; position:relative!important; gap:10px!important; border:1px solid #323c3d!important; border-radius:var(--cs27-radius)!important; font-weight:bold!important; align-items:center!important; }} /* CS27REG 3.21.17.29 — exact info_block_names cleanup */ body[data-template="cs27Reg"] .info_block_names { background:#202728!important; display:flex!important; padding:10px!important; position:relative!important; gap:10px!important; border:1px solid #323c3d!important; font-weight:bold!important; align-items:center!important; } @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts) .info_block_names { background:#202728!important; display:flex!important; padding:10px!important; position:relative!important; gap:10px!important; border:1px solid #323c3d!important; border-radius:var(--cs27-radius)!important; font-weight:bold!important; align-items:center!important; }} /* CS27REG 3.21.17.30 — generic info_block_names intentionally has no radius */ body[data-template="cs27Reg"] .info_block_names { background:#202728!important; display:flex!important; padding:10px!important; position:relative!important; gap:10px!important; border:1px solid #323c3d!important; font-weight:bold!important; align-items:center!important; } /* banlist/muts keep their template radius */ @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts) .info_block_names { border-radius:var(--cs27-radius)!important; }} /* CS27REG 3.21.17.31 — profile stats + empty element */ body[data-template="cs27Reg"] .profile_stats_player { border-radius:15px!important; background:#2b2e2f!important; padding:10px!important; margin-bottom:8px!important; display:flex!important; justify-content:space-between!important; align-items:center!important; } body[data-template="cs27Reg"] .empty-element, .empty-element { margin-bottom:13px!important; border-radius:14px!important; display:flex!important; width:100%!important; font-weight:bold!important; color:#81767b!important; font-size:11px!important; border:1px dashed #494f50!important; padding:40px!important; align-items:center!important; justify-content:center!important; box-sizing:border-box!important; } /* CS27REG 3.21.17.32 — empty state + news cover upload */ body[data-template="cs27Reg"] .empty-element, .empty-element { background:transparent!important; } /* Main news preview upload controls */ body[data-template="cs27Reg"] .cs27-news-editor317 .flex_img_edit_full { overflow:hidden!important; } body[data-template="cs27Reg"] .cs27-news-editor317 .img_edit_news { display:block!important; max-width:100%!important; object-fit:cover!important; } body[data-template="cs27Reg"] .cs27-news-editor317 .flex_edit_img { position:relative!important; z-index:2!important; } body[data-template="cs27Reg"] .cs27-news-editor317 #new_img { pointer-events:auto!important; } body[data-template="cs27Reg"] .cs27-news-editor317 .btn_edit_news_img { position:relative!important; z-index:3!important; pointer-events:auto!important; } /* CS27REG 3.21.17.33 — support tickets table cleanup */ /* Remove legacy row background from bordered tables */ body[data-template="cs27Reg"] table.table.table-bordered tr { background:transparent!important; } /* Remove first/last cell rounding from responsive tables */ body[data-template="cs27Reg"] .table-responsive > table.table > thead > tr > th:first-child, body[data-template="cs27Reg"] .table-responsive > table.table > tbody > tr > th:first-child, body[data-template="cs27Reg"] .table-responsive > table.table > tfoot > tr > th:first-child, body[data-template="cs27Reg"] .table-responsive > table.table > thead > tr > td:first-child, body[data-template="cs27Reg"] .table-responsive > table.table > tbody > tr > td:first-child, body[data-template="cs27Reg"] .table-responsive > table.table > tfoot > tr > td:first-child, body[data-template="cs27Reg"] .table-responsive > table.table > thead > tr > th:last-child, body[data-template="cs27Reg"] .table-responsive > table.table > tbody > tr > th:last-child, body[data-template="cs27Reg"] .table-responsive > table.table > tfoot > tr > th:last-child, body[data-template="cs27Reg"] .table-responsive > table.table > thead > tr > td:last-child, body[data-template="cs27Reg"] .table-responsive > table.table > tbody > tr > td:last-child, body[data-template="cs27Reg"] .table-responsive > table.table > tfoot > tr > td:last-child { border-radius:0!important; } /* Tickets: header columns occupy the full width consistently */ body[data-template="cs27Reg"] .table-responsive > table.table.table-bordered { width:100%!important; table-layout:fixed!important; } body[data-template="cs27Reg"] .table-responsive > table.table.table-bordered thead tr { width:100%!important; } body[data-template="cs27Reg"] .table-responsive > table.table.table-bordered thead :is(th,td):nth-child(1) { width:28%!important; } body[data-template="cs27Reg"] .table-responsive > table.table.table-bordered thead :is(th,td):nth-child(2) { width:22%!important; } body[data-template="cs27Reg"] .table-responsive > table.table.table-bordered thead :is(th,td):nth-child(3) { width:25%!important; } body[data-template="cs27Reg"] .table-responsive > table.table.table-bordered thead :is(th,td):nth-child(4) { width:25%!important; } body[data-template="cs27Reg"] .table-responsive > table.table.table-bordered :is(th,td) { box-sizing:border-box!important; vertical-align:middle!important; } /* CS27REG 3.21.17.34 — ticket close button */ body[data-template="cs27Reg"] .close_ticket { border:none!important; color:#ffffff!important; background:linear-gradient(145deg,#ff713e,#ff491f)!important; text-shadow:#000000d4 1px 0 7px!important; font-weight:600!important; border-radius:10px!important; padding:14px 25px!important; transition:.2s!important; } /* CS27REG 3.21.17.35 — profile purchased services row geometry */ body[data-template="cs27Reg"] .cs27-profile-page .cs27-profile-services :is(.table-adaptive,.table-fused,.cs27-list-table,.table-row,.table-row>.row) { } /* CS27REG 3.21.17.36 — unified editor/comment style */ /* Standard textareas / comment editors */ body[data-template="cs27Reg"] :is( textarea, .form-control, .form_control, .comment_textarea, .comment_text, .editor_textarea, [contenteditable="true"] ) { color:#f4f5f5!important; } body[data-template="cs27Reg"] textarea { background:#202627!important; border-color:#343e3f!important; caret-color:#ffffff!important; } body[data-template="cs27Reg"] textarea::placeholder, body[data-template="cs27Reg"] input::placeholder { color:#7f898a!important; opacity:1!important; } /* contenteditable editors used by comments/forum/profile */ body[data-template="cs27Reg"] [contenteditable="true"] { min-height:110px; padding:12px!important; box-sizing:border-box!important; border:1px solid #343e3f!important; border-radius:9px!important; background:#202627!important; color:#f4f5f5!important; caret-color:#fff!important; line-height:1.55!important; } body[data-template="cs27Reg"] [contenteditable="true"]:focus, body[data-template="cs27Reg"] textarea:focus { border-color:#4a5556!important; outline:0!important; box-shadow:0 0 0 3px rgba(255,91,48,.06)!important; } /* Summernote-style editors, if present */ body[data-template="cs27Reg"] .note-editor { border:1px solid #343e3f!important; border-radius:9px!important; overflow:hidden!important; background:#1c2223!important; } body[data-template="cs27Reg"] .note-editor .note-toolbar { padding:7px!important; border-bottom:1px solid #343e3f!important; background:#252b2c!important; } body[data-template="cs27Reg"] .note-editor .note-editable { min-height:140px!important; padding:12px!important; background:#202627!important; color:#f4f5f5!important; caret-color:#fff!important; } body[data-template="cs27Reg"] .note-editor .btn { background:#2b3132!important; border-color:#394243!important; color:#dce1e1!important; } /* Bootstrap/WYSIWYG toolbar buttons */ body[data-template="cs27Reg"] :is(.wysiwyg-toolbar,.editor-toolbar,.bb-editor-toolbar,.bbcode-toolbar) { padding:7px!important; border:1px solid #343e3f!important; border-bottom:0!important; border-radius:9px 9px 0 0!important; background:#252b2c!important; } body[data-template="cs27Reg"] :is(.wysiwyg-toolbar,.editor-toolbar,.bb-editor-toolbar,.bbcode-toolbar) :is(button,a) { color:#d9dede!important; background:#2b3132!important; border-color:#394243!important; } /* TinyMCE chrome: same visual language without changing editor logic */ body[data-template="cs27Reg"] .tox.tox-tinymce { border:1px solid #343e3f!important; border-radius:9px!important; overflow:hidden!important; } body[data-template="cs27Reg"] .tox .tox-editor-header, body[data-template="cs27Reg"] .tox .tox-toolbar, body[data-template="cs27Reg"] .tox .tox-toolbar__overflow, body[data-template="cs27Reg"] .tox .tox-toolbar__primary { background:#252b2c!important; } body[data-template="cs27Reg"] .tox .tox-toolbar__group { border-color:#343e3f!important; } body[data-template="cs27Reg"] .tox .tox-tbtn { color:#dce1e1!important; } /* Common legacy editor wrappers */ body[data-template="cs27Reg"] :is( .textarea, .text_editor, .editor, .editor_block, .comment_editor, .forum_editor, .news_editor ) textarea { width:100%!important; min-height:120px!important; padding:12px!important; box-sizing:border-box!important; border:1px solid #343e3f!important; border-radius:9px!important; background:#202627!important; color:#f4f5f5!important; line-height:1.55!important; } /* Selection inside editors */ body[data-template="cs27Reg"] textarea::selection, body[data-template="cs27Reg"] [contenteditable="true"]::selection { color:#fff!important; background:#b84b2d!important; } /* CS27REG 3.21.17.37 — news editor inner iframe + ticket column */ /* Keep news editor full width; only its editable iframe/body adopts comment-editor colors */ body[data-template="cs27Reg"] .cs27-news-editor317 .tox-edit-area, body[data-template="cs27Reg"] .cs27-news-editor317 .tox-edit-area__iframe, body[data-template="cs27Reg"] .cs27-news-editor317 iframe[id*="ifr"] { width:100%!important; background:#202627!important; } /* Ticket table: second column width is no longer forced */ body[data-template="cs27Reg"] .table-responsive > table.table.table-bordered thead :is(th,td):nth-child(2) { width:auto!important; } /* CS27REG 3.21.17.38 — final modal header + stores hover */ body[data-template="cs27Reg"] .modal-header { border:0!important; } body[data-template="cs27Reg"] .cs27-user-services-modal .modal-header { min-height:52px!important; padding:10px!important; background:#202728!important; border:0!important; } body[data-template="cs27Reg"] .my_stores_mini_btn:hover, body[data-template="cs27Reg"] .my_stores_mini_btn:hover span, body[data-template="cs27Reg"] .my_stores_mini_btn:hover i { color:#ffffff!important; } body[data-template="cs27Reg"] .my_stores_mini_btn:hover { background:var(--cs-orange)!important; border-color:var(--cs-orange)!important; } /* CS27REG 3.21.17.40 — hide empty complaints block */ body[data-template="cs27Reg"] .block_complaints:empty { display:none!important; } /* common empty complaints containers */ body[data-template="cs27Reg"] .block_complaints.empty, body[data-template="cs27Reg"] .block_complaints.no-items, body[data-template="cs27Reg"] .block_complaints[data-empty="true"] { display:none!important; } /* CS27REG 3.21.17.42 — friends button + complaints/bans tables */ body[data-template="cs27Reg"] .all_friends_btn { display:flex!important; align-items:center; justify-content:center; min-height:34px; padding:0 14px; border:1px solid #343e3f; border-radius:10px; background:#252b2c; color:#dce1e1!important; font-size:11px; font-weight:600; text-decoration:none!important; transition:.2s ease; } body[data-template="cs27Reg"] .all_friends_btn span { color:#dce1e1!important; } body[data-template="cs27Reg"] .all_friends_btn:hover { background:var(--cs-orange); border-color:var(--cs-orange); transform:translateY(-1px); } body[data-template="cs27Reg"] .all_friends_btn:hover span { color:#fff!important; } body[data-template="cs27Reg"] .cs27-inner-page .table-adaptive.table-fused.mt { background:#202728!important; border:1px solid #323c3d!important; border-radius:12px!important; overflow:hidden!important; padding:0!important; margin-top:18px!important; } body[data-template="cs27Reg"] .cs27-inner-page .table-adaptive.table-fused.mt .table-row { border-bottom:1px solid #323c3d!important; background:transparent!important; } body[data-template="cs27Reg"] .cs27-inner-page .table-adaptive.table-fused.mt .table-row:last-child { border-bottom:0!important; } body[data-template="cs27Reg"] .cs27-inner-page .table-adaptive.table-fused.mt .row > div { padding:12px 14px!important; display:flex!important; align-items:center!important; } body[data-template="cs27Reg"] .cs27-inner-page .table-adaptive.table-fused.mt .table-row:hover { background:#252c2d!important; } /* CS27REG 3.21.17.43 — empty state for complaints/bans */ body[data-template="cs27Reg"] .table-adaptive.table-fused.mt .tableRowError, body[data-template="cs27Reg"] .table-adaptive.table-fused.mt .empty-element { min-height:120px!important; display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; background:#1c2223!important; border:1px dashed #343e3f!important; border-radius:0!important; margin:15px!important; color:#899293!important; font-size:13px!important; font-weight:600!important; } body[data-template="cs27Reg"] .table-adaptive.table-fused.mt .tableRowError td { border:0!important; padding:0!important; } body[data-template="cs27Reg"] .table-adaptive.table-fused.mt:has(.tableRowError) { padding:12px!important; } body[data-template="cs27Reg"] .table-adaptive.table-fused.mt:has(.tableRowError):hover { background:#202728!important; } /* CS27REG 3.21.17.44 — empty table row state */ body[data-template="cs27Reg"] .table-adaptive.table-fused.mt tr td[colspan="10"] { height:120px!important; padding:20px!important; text-align:center!important; vertical-align:middle!important; background:#1c2223!important; color:#899293!important; font-size:13px!important; font-weight:600!important; border:0!important; } body[data-template="cs27Reg"] .table-adaptive.table-fused.mt tr:has(td[colspan="10"]) { background:#1c2223!important; } body[data-template="cs27Reg"] .table-adaptive.table-fused.mt tr:has(td[colspan="10"]):hover { background:#1c2223!important; } /* remove unused selectors from previous empty state attempt */ body[data-template="cs27Reg"] .table-adaptive.table-fused.mt .tableRowError, body[data-template="cs27Reg"] .table-adaptive.table-fused.mt .empty-element { display:initial; } /* CS27REG 3.21.17.45 — complaints/bans empty state exact selector */ body[data-template="cs27Reg"] .table-adaptive.table-fused.mt#bans { min-height:120px!important; display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; background:#1c2223!important; border:1px dashed #343e3f!important; border-radius:12px!important; color:#899293!important; font-size:13px!important; font-weight:600!important; margin-top:18px!important; } body[data-template="cs27Reg"] .table-adaptive.table-fused.mt#bans:before { content:"\\f02d"; font-family:"Boxicons"; font-size:24px; margin-right:10px; color:#ff9573; } /* CS27REG 3.21.17.46 — remove broken empty state icon */ body[data-template="cs27Reg"] .table-adaptive.table-fused.mt#bans:before { content:none!important; display:none!important; } /* CS27REG 3.21.17.47 — support table restore + scoped empty state */ /* Restore support tickets table */ body[data-template="cs27Reg"] .table-responsive > table.table.table-bordered.cs27-data-table { width:100%!important; table-layout:auto!important; } body[data-template="cs27Reg"] .table-responsive > table.table.table-bordered.cs27-data-table thead td { white-space:nowrap!important; width:auto!important; padding:12px 14px!important; } body[data-template="cs27Reg"] .table-responsive > table.table.table-bordered.cs27-data-table tbody td { padding:12px 14px!important; vertical-align:middle!important; } /* Empty state only for complaints/bans */ body[data-template="cs27Reg"] #bans.table-adaptive.table-fused.mt { min-height:120px!important; display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; background:#1c2223!important; border:1px dashed #343e3f!important; border-radius:12px!important; color:#899293!important; font-size:13px!important; font-weight:600!important; } /* CS27REG 3.21.18.0 — mobile redesign base */ /* prevent horizontal overflow */ @media (max-width:768px){ html,body{ max-width:100%; overflow-x:hidden; } body[data-template="cs27Reg"] .container, body[data-template="cs27Reg"] .cs27-inner-page, body[data-template="cs27Reg"] .content, body[data-template="cs27Reg"] .cs27-shell{ width:100%!important; max-width:100%!important; } body[data-template="cs27Reg"] .cs27-inner-page{ padding-left:12px!important; padding-right:12px!important; } body[data-template="cs27Reg"] .heading_block{ margin-bottom:15px!important; } body[data-template="cs27Reg"] .heading, body[data-template="cs27Reg"] .cs27-inner-page :is(h1,.heading){ font-size:21px!important; line-height:1.3!important; padding-bottom:12px!important; } /* cards and blocks */ body[data-template="cs27Reg"] :is(.profile_block,.profile_r_block,.block_complaints,.block_support,.block_content_new){ width:100%!important; } /* columns to one column */ body[data-template="cs27Reg"] .col-lg-9, body[data-template="cs27Reg"] .col-lg-8, body[data-template="cs27Reg"] .col-lg-7, body[data-template="cs27Reg"] .col-lg-6, body[data-template="cs27Reg"] .col-lg-5, body[data-template="cs27Reg"] .col-lg-4, body[data-template="cs27Reg"] .col-lg-3{ flex:0 0 100%!important; max-width:100%!important; } /* buttons */ body[data-template="cs27Reg"] :is(.btn,.btn_heading,.close_ticket,.all_friends_btn){ min-height:40px; } /* tables */ body[data-template="cs27Reg"] .table-responsive{ overflow-x:auto!important; -webkit-overflow-scrolling:touch; } body[data-template="cs27Reg"] .table-responsive table{ min-width:650px; } /* modals */ body[data-template="cs27Reg"] .modal-dialog{ width:calc(100% - 20px)!important; max-width:none!important; margin:10px auto!important; } body[data-template="cs27Reg"] .modal-content{ border-radius:14px!important; } /* forms/editors */ body[data-template="cs27Reg"] textarea, body[data-template="cs27Reg"] input, body[data-template="cs27Reg"] select{ max-width:100%!important; } body[data-template="cs27Reg"] .tox-tinymce{ max-width:100%!important; } } /* CS27REG 3.21.18.1 — mobile pass 2 */ @media(max-width:767px){ body[data-template="cs27Reg"] .container{width:calc(100% - 24px)!important;max-width:none!important;padding-left:0!important;padding-right:0!important} /* compact masthead */ body[data-template="cs27Reg"] .cs27-masthead{height:auto!important;min-height:0!important;padding:14px 0 12px!important} body[data-template="cs27Reg"] .cs27-masthead>.container{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:10px!important} body[data-template="cs27Reg"] .cs27-masthead .logol{position:static!important;float:none!important;width:min(190px,55vw)!important;height:auto!important;margin:0!important} body[data-template="cs27Reg"] .cs27-masthead .logol :is(.cs27-legacy-brand,img){display:block!important;width:100%!important;height:auto!important} body[data-template="cs27Reg"] .cs27-masthead .search_user{display:none!important} body[data-template="cs27Reg"] .cs27-masthead ul.user-menu{position:static!important;float:none!important;display:flex!important;flex:1 1 100%!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;gap:7px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important} body[data-template="cs27Reg"] .cs27-masthead ul.user-menu>li{position:relative!important;inset:auto!important;margin:0!important;flex:0 0 auto!important} body[data-template="cs27Reg"] .cs27-masthead ul.user-menu>li.balance{height:44px!important;padding:5px 6px 5px 42px!important;line-height:34px!important;border-radius:12px!important;margin-right:auto!important} body[data-template="cs27Reg"] .cs27-masthead ul.user-menu>li.balance i{width:32px!important;height:32px!important;left:5px!important;top:6px!important} body[data-template="cs27Reg"] .cs27-masthead ul.user-menu>li.balance span{position:static!important;padding:0 5px!important;font-size:11px!important;line-height:34px!important} body[data-template="cs27Reg"] .cs27-masthead ul.user-menu>li.balance a{width:auto!important;min-width:82px!important;height:34px!important;margin:0!important;padding:0 10px!important;line-height:34px!important;border-radius:10px!important} body[data-template="cs27Reg"] .cs27-masthead ul.user-menu>li>a{width:42px!important;height:42px!important;margin:0!important;display:grid!important;place-items:center!important;line-height:1!important;border:1px solid #3d4445!important;border-radius:50%!important;background:#202425!important} body[data-template="cs27Reg"] .cs27-masthead ul.user-menu>li>a i{position:static!important;padding:0!important;font-size:19px!important} body[data-template="cs27Reg"] .cs27-masthead ul.user-menu>li.collapsible>a img{position:static!important;float:none!important;width:42px!important;height:42px!important;margin:0!important;border-radius:50%!important;object-fit:cover!important} /* navigation + hamburger panel */ body[data-template="cs27Reg"] .menu_top_container.cs27-navigation{padding:10px 0!important} body[data-template="cs27Reg"] .cs27-navigation .two_top_menu{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:58px!important;padding:8px 10px!important;gap:10px!important;border-radius:22px!important} body[data-template="cs27Reg"] .cs27-navigation :is(.menu_top_left,.menu_top_rigth){display:flex!important;align-items:center!important;gap:8px!important} body[data-template="cs27Reg"] .cs27-navigation :is(.menu_top_push_active,.button_menu_collapse){width:42px!important;height:42px!important;min-width:42px!important;margin:0!important;display:grid!important;place-items:center!important;border-radius:12px!important} body[data-template="cs27Reg"] .cs27-navigation .language_btn .select{min-width:88px!important;height:42px!important;padding:5px 8px!important} body[data-template="cs27Reg"] .cs27-navigation .language_btn .select>span{display:none!important} body[data-template="cs27Reg"] .cs27-navigation .header-menu.show,body[data-template="cs27Reg"] .cs27-navigation .header-menu.collapsing{position:absolute!important;z-index:1100!important;top:54px!important;left:0!important;width:min(330px,calc(100vw - 36px))!important;max-height:calc(100vh - 180px)!important;overflow-y:auto!important;padding:8px!important;margin:0!important;border:1px solid #414849!important;border-radius:16px!important;background:#202526!important;box-shadow:0 18px 50px #0007!important} body[data-template="cs27Reg"] .cs27-navigation .header-menu>.container{width:100%!important;margin:0!important;padding:0!important} body[data-template="cs27Reg"] .cs27-navigation .header-menu .collapsible-menu{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;gap:2px!important;overflow:visible!important} body[data-template="cs27Reg"] .cs27-navigation .header-menu .collapsible-menu>li{display:flex!important;flex-wrap:wrap!important;align-items:center!important;width:100%!important;min-height:42px!important;margin:0!important} body[data-template="cs27Reg"] .cs27-navigation .header-menu .collapsible-menu>li>a{flex:1!important;width:auto!important;min-width:0!important;height:auto!important;min-height:42px!important;padding:11px 12px!important;margin:0!important;display:flex!important;align-items:center!important;font-size:12px!important;line-height:1.35!important} body[data-template="cs27Reg"] .cs27-navigation .header-menu .cs27-menu-toggle{flex:0 0 38px!important;width:38px!important;height:38px!important} body[data-template="cs27Reg"] .cs27-navigation .header-menu .collapsible-menu>li>ul{position:static!important;flex:1 1 100%!important;width:100%!important;margin:0 0 6px!important;padding:4px!important;border:0!important;border-radius:9px!important;background:#191e1f!important;box-shadow:none!important} /* chat */ body[data-template="cs27Reg"] .cs27-chat>.block.chat{padding:14px!important;border-radius:16px!important} body[data-template="cs27Reg"] .cs27-chat .heading_block_chat{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:0 0 12px!important;margin:0 0 12px!important;background:transparent!important} body[data-template="cs27Reg"] .cs27-chat .flex_heading_chat>i{width:42px!important;height:42px!important;flex:0 0 42px!important} body[data-template="cs27Reg"] .cs27-chat .heading_chat_info span:first-child{font-size:17px!important} body[data-template="cs27Reg"] .cs27-chat .double_btns_chat{width:100%!important;justify-content:flex-start!important;gap:8px!important} body[data-template="cs27Reg"] .cs27-chat #chat #chat_messages{width:100%!important;height:320px!important;margin:0!important;padding:4px!important;border-radius:12px!important} body[data-template="cs27Reg"] .cs27-chat #chat_messages .chat_message{position:relative!important;width:100%!important;min-height:0!important;margin:0!important;padding:10px 8px!important;overflow:visible!important;border-bottom:1px solid #343a3b!important} body[data-template="cs27Reg"] .cs27-chat #chat_messages .chat_message .message{position:static!important;float:none!important;width:100%!important;right:auto!important;margin:0!important} body[data-template="cs27Reg"] .cs27-chat #chat_messages .chat_message .with_code{display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;align-items:start!important;gap:10px!important;width:100%!important;margin:0!important;padding:0!important;font-size:14px!important;line-height:1.5!important} body[data-template="cs27Reg"] .cs27-chat #chat_messages .back_img_chat{display:block!important;width:46px!important;height:46px!important;margin:0!important;border-radius:12px!important;overflow:hidden!important} body[data-template="cs27Reg"] .cs27-chat #chat_messages .back_img_chat .chat_img{width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important;border-radius:11px!important} body[data-template="cs27Reg"] .cs27-chat #chat_messages .message_global{width:100%!important;min-width:0!important} body[data-template="cs27Reg"] .cs27-chat #chat_messages .login_share_flex{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:4px 8px!important;width:100%!important;margin:0 0 4px!important} body[data-template="cs27Reg"] .cs27-chat #chat_messages .author{display:block!important;font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} body[data-template="cs27Reg"] .cs27-chat #chat_messages .interaction_mess{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important} body[data-template="cs27Reg"] .cs27-chat #chat_messages .share_login{display:none!important} body[data-template="cs27Reg"] .cs27-chat #chat_messages .text_chat{width:100%!important;margin:0!important;padding:0!important;font-size:14px!important;line-height:1.55!important;overflow-wrap:anywhere!important} body[data-template="cs27Reg"] .cs27-chat #chat_messages .delete_message{position:absolute!important;top:12px!important;right:8px!important;z-index:2!important} body[data-template="cs27Reg"] .cs27-chat #chat .input-group{display:grid!important;grid-template-columns:minmax(0,1fr) 52px!important;gap:8px!important;width:100%!important;margin-top:10px!important} body[data-template="cs27Reg"] .cs27-chat #chat .smile_input{width:100%!important;min-width:0!important} body[data-template="cs27Reg"] .cs27-chat #chat #chat_message_input{width:100%!important;height:48px!important;padding:0 48px 0 14px!important;font-size:13px!important} body[data-template="cs27Reg"] .cs27-chat #chat .input-group-btn{display:block!important;width:52px!important} body[data-template="cs27Reg"] .cs27-chat #chat .btn_message{display:grid!important;place-items:center!important;width:52px!important;height:48px!important;border-radius:12px!important} /* news */ body[data-template="cs27Reg"] .ref-news{padding:16px!important;border-radius:16px!important} body[data-template="cs27Reg"] .ref-news>.heading_block{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;margin:0 0 14px!important} body[data-template="cs27Reg"] .ref-news .double_heading>i{width:42px!important;height:42px!important;min-width:42px!important} body[data-template="cs27Reg"] .ref-news .heading{font-size:22px!important;line-height:1.2!important;padding:0!important;margin:0!important} body[data-template="cs27Reg"] .ref-news .second_heading{font-size:11px!important} body[data-template="cs27Reg"] .ref-news .ref-all-news{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:0 11px!important;margin:0!important;border-radius:10px!important;white-space:nowrap!important;font-size:11px!important} body[data-template="cs27Reg"] .ref-news .heading_block>a:has(.btn_heading){grid-column:1/-1!important;width:42px!important} body[data-template="cs27Reg"] .ref-news .btn_heading{position:static!important;width:42px!important;height:42px!important;margin:0!important} body[data-template="cs27Reg"] .ref-news #new_news .flex_info_new{padding:16px!important;gap:10px!important} body[data-template="cs27Reg"] .ref-news #new_news .name_news{font-size:20px!important;line-height:1.3!important} body[data-template="cs27Reg"] .ref-news #new_news .short_news{font-size:13px!important;line-height:1.55!important} body[data-template="cs27Reg"] .table-responsive table.cs27-data-table{min-width:0!important} } @media(max-width:430px){ body[data-template="cs27Reg"] .cs27-masthead .logol{width:min(170px,52vw)!important} body[data-template="cs27Reg"] .ref-news .heading{font-size:20px!important} body[data-template="cs27Reg"] .ref-news .ref-all-news{font-size:0!important;width:42px!important;padding:0!important} body[data-template="cs27Reg"] .ref-news .ref-all-news i{font-size:18px!important;margin:0!important} } /* CS27REG 3.21.18.2 — hide balance/top-up block on phones */ @media (max-width:767px) { body[data-template="cs27Reg"] .cs27-masthead ul.user-menu > li.balance, body[data-template="cs27Reg"] .cs27-masthead .balance { display:none!important; } body[data-template="cs27Reg"] .cs27-masthead ul.user-menu { flex:0 0 auto!important; width:auto!important; margin-left:auto!important; justify-content:flex-end!important; gap:7px!important; } body[data-template="cs27Reg"] .cs27-masthead > .container { flex-wrap:nowrap!important; align-items:center!important; } } /* CS27REG 3.21.18.3 mobile fixes */ @media(max-width:767px){ /* exact mobile top balance */ body[data-template="cs27Reg"] ul.user-menu>li.balance,body[data-template="cs27Reg"] .user-menu>.balance,body[data-template="cs27Reg"] li.balance:has(.pursee-button){display:none!important} /* headings + article */ body[data-template="cs27Reg"] .cs27-inner-page .heading_block{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;padding:12px!important;box-sizing:border-box!important} body[data-template="cs27Reg"] .cs27-inner-page .double_heading{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important} body[data-template="cs27Reg"] .cs27-inner-page .heading_cap{min-width:0!important} body[data-template="cs27Reg"] .cs27-inner-page :is(.heading,h1.heading){max-width:100%!important;padding:0!important;margin:0!important;font-size:20px!important;line-height:1.2!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important} body[data-template="cs27Reg"] .cs27-inner-page .second_heading{display:block!important;margin-top:3px!important;font-size:11px!important;line-height:1.3!important;white-space:normal!important} body[data-template="cs27Reg"] :is(.cs27-news-article-column,.cs27-journal-layout,.cs27-journal-main,.cs27-journal-article){width:100%!important;max-width:100%!important;min-width:0!important} body[data-template="cs27Reg"] .cs27-journal-opening{display:flex!important;flex-direction:column!important;gap:12px!important;padding:14px!important} body[data-template="cs27Reg"] .cs27-journal-opening>div{width:100%!important;min-width:0!important} body[data-template="cs27Reg"] .cs27-journal-opening h1{width:100%!important;max-width:100%!important;margin:5px 0 0!important;font-size:clamp(23px,7vw,30px)!important;line-height:1.12!important;letter-spacing:-.02em!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important} body[data-template="cs27Reg"] .cs27-journal-cover{width:100%!important;max-width:100%!important;height:auto!important;object-fit:cover!important;border-radius:10px!important} body[data-template="cs27Reg"] .cs27-journal-text{width:100%!important;max-width:100%!important;padding:14px!important;box-sizing:border-box!important;font-size:14px!important;line-height:1.65!important;overflow-wrap:anywhere!important} body[data-template="cs27Reg"] :is(.name_news,.name_news a){font-size:20px!important;line-height:1.25!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important} /* purse cards */ @media(min-width:768px){body[data-template="cs27Reg"] #last_operations{width:100%!important;max-width:100%!important;padding:10px!important;overflow:visible!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations :is(.purse_list,.table-responsive,table,tbody){display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations thead{display:none!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody tr{display:block!important;width:100%!important;margin:0 0 10px!important;padding:8px 10px!important;border:1px solid #323c3d!important;border-radius:10px!important;background:#202728!important;box-sizing:border-box!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody td{display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;width:100%!important;min-width:0!important;height:auto!important;min-height:38px!important;padding:7px 0!important;border:0!important;border-bottom:1px solid #303839!important;text-align:right!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;box-sizing:border-box!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody td:last-child{border-bottom:0!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody td::before{color:#7d898a!important;font-size:10px!important;font-weight:700!important;text-align:left!important;letter-spacing:.04em!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody td:nth-child(1)::before{content:"ДАТА"}}@media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody td:nth-child(2)::before{content:"ОПЕРАЦИЯ"}}@media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody td:nth-child(3)::before{content:"СУММА"}}@media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody td:nth-child(4)::before{content:"СТАТУС"}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody td[colspan]{display:flex!important;justify-content:center!important;min-height:70px!important;border:0!important}}@media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody td[colspan]::before{content:none!important}} /* admins cards */ body[data-template="cs27Reg"] .cs27-admins-page{width:100%!important;max-width:100%!important;min-width:0!important}body[data-template="cs27Reg"] .cs27-admins-page .cs27-data-card{padding:12px!important;overflow:visible!important} body[data-template="cs27Reg"] .cs27-admins-page .vertical_navigation_bms.cs27-server-switcher{display:flex!important;width:100%!important;gap:7px!important;overflow-x:auto!important;padding:0 0 6px!important;flex-wrap:nowrap!important}body[data-template="cs27Reg"] .cs27-admins-page .vertical_navigation_bms.cs27-server-switcher>li{flex:0 0 auto!important;white-space:nowrap!important} body[data-template="cs27Reg"] .cs27-admins-page .cs27-table-head{display:none!important}@media(min-width:768px){body[data-template="cs27Reg"] .cs27-admins-page :is(.block_admins_select,.table-adaptive.cs27-list-table){width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;overflow:visible!important}} @media(min-width:768px){body[data-template="cs27Reg"] .cs27-admins-page .block_admins_select .table-row{display:block!important;width:100%!important;height:auto!important;margin:0 0 10px!important;padding:0!important;border:1px solid #323c3d!important;border-radius:10px!important;overflow:hidden!important;background:#1c2223!important}} @media(min-width:768px){body[data-template="cs27Reg"] .cs27-admins-page .block_admins_select .table-row>.row{display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important}} @media(min-width:768px){body[data-template="cs27Reg"] .cs27-admins-page .block_admins_select .table-row>.row>[class*="col-"]{position:relative!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:10px!important;align-items:center!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:58px!important;height:auto!important;padding:9px 10px!important;border:0!important;border-bottom:1px solid #323c3d!important;box-sizing:border-box!important}} @media(min-width:768px){body[data-template="cs27Reg"] .cs27-admins-page .block_admins_select .table-row>.row>[class*="col-"]:last-child{border-bottom:0!important}} @media(min-width:768px){body[data-template="cs27Reg"] .cs27-admins-page .block_admins_select .table-row>.row>[class*="col-"]>:is(i,img){position:static!important;grid-column:1!important;grid-row:1/span 2!important;align-self:center!important;justify-self:center!important;margin:0!important;transform:none!important;top:auto!important;left:auto!important}} @media(min-width:768px){body[data-template="cs27Reg"] .cs27-admins-page .block_admins_select .table-row>.row>[class*="col-"]>img{width:38px!important;height:38px!important;border-radius:50%!important;object-fit:cover!important}} @media(min-width:768px){body[data-template="cs27Reg"] .cs27-admins-page .block_admins_select .table-row p{grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;text-align:left!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;font-size:12px!important;line-height:1.35!important}} @media(min-width:768px){body[data-template="cs27Reg"] .cs27-admins-page .block_admins_select .table-row>.row>[class*="col-"]>span{position:static!important;grid-column:2!important;grid-row:2!important;width:auto!important;margin:2px 0 0!important;padding:0!important;font-size:9px!important;line-height:1.2!important;color:#879091!important;text-align:left!important}} /* bans/mutes cards */ @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts){width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;overflow:visible!important}}body[data-template="cs27Reg"] :is(.cs27-ban-head,.cs27-mute-head){display:none!important} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts)>.table-row{display:block!important;width:100%!important;height:auto!important;margin:0 0 10px!important;padding:0!important;border:1px solid #323c3d!important;border-radius:10px!important;overflow:hidden!important;background:#1c2223!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts)>.table-row>.row{display:grid!important;grid-template-columns:1fr!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts)>.table-row>.row>[class*="col-"]{position:relative!important;display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:42px!important;padding:8px 10px!important;border:0!important;border-bottom:1px solid #303839!important;box-sizing:border-box!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts)>.table-row>.row>[class*="col-"]:last-child{border-bottom:0!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts)>.table-row>.row>[class*="col-"]>p{grid-column:2!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;text-align:left!important;font-size:12px!important;line-height:1.35!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts)>.table-row>.row>[class*="col-"]>span{position:static!important;grid-column:1!important;grid-row:1!important;width:auto!important;margin:0!important;padding:0!important;color:#7f898a!important;font-size:9px!important;font-weight:700!important;text-align:left!important;white-space:normal!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts) .cs27-row-number{display:none!important}} /* bans/mutes controls */ body[data-template="cs27Reg"] .block_select_servers_blocked_two{width:100%!important;max-width:100%!important;padding:12px!important;box-sizing:border-box!important} body[data-template="cs27Reg"] .flex_servers_block_bms{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important} body[data-template="cs27Reg"] .block_search{width:100%!important;max-width:100%!important}body[data-template="cs27Reg"] .block_search .input-search{width:100%!important;margin:0!important} body[data-template="cs27Reg"] .block_select_servers_blocked_two>.vertical_navigation_bms{display:flex!important;gap:7px!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:5px!important}body[data-template="cs27Reg"] .block_select_servers_blocked_two>.vertical_navigation_bms>li{flex:0 0 auto!important;white-space:nowrap!important} body[data-template="cs27Reg"] .block_stats_bans{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important}body[data-template="cs27Reg"] .stats_info_bans{width:100%!important;min-width:0!important;margin:0!important;padding:10px!important;box-sizing:border-box!important} /* detail modals */ body[data-template="cs27Reg"] :is(#banlist,#muts) .modal_bans{display:block!important;width:100%!important}@media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts) .col_bamb{width:100%!important;max-width:100%!important;padding:0!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts) .info_block_names{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}}@media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts) .name_info_block{white-space:normal!important;overflow-wrap:anywhere!important}} } @media(max-width:380px){@media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody td{grid-template-columns:70px minmax(0,1fr)!important}}@media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts)>.table-row>.row>[class*="col-"]{grid-template-columns:76px minmax(0,1fr)!important}}} /* CS27REG 3.21.18.4 — polished mobile tables */ @media(max-width:767px){ /* menu: remove duplicate left chevrons, keep functional toggle on right */ body[data-template="cs27Reg"] .cs27-navigation .header-menu .collapsible-menu>li>a :is(.bx-chevron-down,.bx-chevron-left,.bx-chevron-right){display:none!important} body[data-template="cs27Reg"] .cs27-navigation .header-menu .cs27-menu-toggle{position:static!important;order:2!important;margin:0 5px 0 auto!important;background:transparent!important;border:0!important;box-shadow:none!important;width:32px!important;height:32px!important} /* common */ body[data-template="cs27Reg"] :is(.cs27-mystores-page,.cs27-admins-page) .cs27-table-head, body[data-template="cs27Reg"] :is(.cs27-ban-head,.cs27-mute-head){display:none!important} @media(min-width:768px){body[data-template="cs27Reg"] :is(#my_stores,.cs27-admins-page .block_admins_select,#banlist,#muts){width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;padding:0!important;overflow:visible!important}} /* purse */ @media(min-width:768px){body[data-template="cs27Reg"] #last_operations{width:100%!important;max-width:100%!important;padding:12px!important;border-radius:16px!important;box-sizing:border-box!important;overflow:visible!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations :is(.purse_list,.table-responsive,table,tbody){display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important;background:transparent!important;border:0!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations thead{display:none!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody tr{display:block!important;width:100%!important;margin:0 0 10px!important;padding:10px 12px!important;border:1px solid #323c3d!important;border-radius:13px!important;background:#202728!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important;box-sizing:border-box!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody td{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;width:100%!important;min-width:0!important;height:auto!important;min-height:39px!important;padding:7px 0!important;border:0!important;border-bottom:1px solid #303839!important;border-radius:0!important;background:transparent!important;text-align:right!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody td:last-child{border-bottom:0!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody td:before{color:#7e898a!important;font-size:9px!important;font-weight:800!important;letter-spacing:.06em!important;text-align:left!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody td:nth-child(1):before{content:"ДАТА"}}@media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody td:nth-child(2):before{content:"ОПЕРАЦИЯ"}}@media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody td:nth-child(3):before{content:"СУММА"}}@media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody td:nth-child(4):before{content:"СТАТУС"}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody td[colspan]{display:flex!important;justify-content:center!important;min-height:80px!important;border:0!important}}@media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody td[colspan]:before{content:none!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations :is(.status_purse_minus,.status_purse_plus){margin-left:auto!important;margin-right:0!important}} /* reusable row-card: my_stores/admins/banlist/muts */ @media(min-width:768px){body[data-template="cs27Reg"] :is(#my_stores,.cs27-admins-page .block_admins_select,#banlist,#muts) .table-row{display:block!important;width:100%!important;height:auto!important;margin:0 0 10px!important;padding:0!important;border:1px solid #323c3d!important;border-radius:13px!important;overflow:hidden!important;background:#202728!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#my_stores,.cs27-admins-page .block_admins_select,#banlist,#muts) .table-row>.row{display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#my_stores,.cs27-admins-page .block_admins_select,#banlist,#muts) .table-row>.row>[class*="col-"]{position:relative!important;display:grid!important;grid-template-columns:88px minmax(0,1fr) 34px!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:48px!important;margin:0!important;padding:9px 11px!important;border:0!important;border-bottom:1px solid #303839!important;background:transparent!important;box-sizing:border-box!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#my_stores,.cs27-admins-page .block_admins_select,#banlist,#muts) .table-row>.row>[class*="col-"]:last-child{border-bottom:0!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#my_stores,.cs27-admins-page .block_admins_select,#banlist,#muts) .table-row>.row>[class*="col-"]>span{position:static!important;grid-column:1!important;grid-row:1!important;width:auto!important;margin:0!important;padding:0!important;color:#7e898a!important;font-size:9px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:.05em!important;text-align:left!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#my_stores,.cs27-admins-page .block_admins_select,#banlist,#muts) .table-row>.row>[class*="col-"]>p{position:static!important;grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;color:#f1f3f3!important;font-size:12px!important;line-height:1.4!important;font-weight:650!important;text-align:left!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#my_stores,.cs27-admins-page .block_admins_select,#banlist,#muts) .table-row>.row>[class*="col-"]>p a{white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#my_stores,.cs27-admins-page .block_admins_select,#banlist,#muts) .table-row>.row>[class*="col-"]>i{position:static!important;grid-column:3!important;grid-row:1!important;justify-self:end!important;width:29px!important;height:29px!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;transform:none!important;top:auto!important;left:auto!important;border:1px solid #5d382f!important;border-radius:8px!important;background:#2b2422!important;color:#ff6a42!important;font-size:14px!important}} @media(min-width:768px){body[data-template="cs27Reg"] .cs27-admins-page .block_admins_select .table-row>.row>[class*="col-"]>img{position:static!important;grid-column:3!important;grid-row:1!important;justify-self:end!important;width:34px!important;height:34px!important;margin:0!important;transform:none!important;top:auto!important;left:auto!important;border-radius:50%!important;object-fit:cover!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts) .cs27-row-number{display:none!important}} /* page-specific refinements */ body[data-template="cs27Reg"] .cs27-mystores-page .cs27-data-card, body[data-template="cs27Reg"] .cs27-admins-page .cs27-data-card{padding:12px!important;border-radius:16px!important}@media(min-width:768px){ body[data-template="cs27Reg"] .block_solution:has(#banlist), body[data-template="cs27Reg"] .block_solution:has(#muts){padding:12px!important;border-radius:16px!important}} body[data-template="cs27Reg"] .cs27-admins-page .vertical_navigation_bms.cs27-server-switcher, body[data-template="cs27Reg"] .block_select_servers_blocked_two .vertical_navigation_bms{display:flex!important;width:100%!important;gap:7px!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding:0 0 8px!important;scrollbar-width:none!important} body[data-template="cs27Reg"] .cs27-admins-page .vertical_navigation_bms.cs27-server-switcher::-webkit-scrollbar, body[data-template="cs27Reg"] .block_select_servers_blocked_two .vertical_navigation_bms::-webkit-scrollbar{display:none!important} body[data-template="cs27Reg"] .cs27-admins-page .vertical_navigation_bms.cs27-server-switcher>li, body[data-template="cs27Reg"] .block_select_servers_blocked_two .vertical_navigation_bms>li{flex:0 0 auto!important;white-space:nowrap!important} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts) .table-row{cursor:pointer!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts) .table-row:active{transform:scale(.995)!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts) .table-row>.row:after{content:"Нажмите для подробной информации";display:block!important;padding:8px 11px!important;color:#788384!important;font-size:9px!important;text-align:right!important;background:#1b2122!important}} body[data-template="cs27Reg"] .block_stats_bans{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important} body[data-template="cs27Reg"] .block_stats_bans .stats_info_bans{width:100%!important;min-width:0!important;min-height:76px!important;margin:0!important;padding:10px!important;border-radius:11px!important;box-sizing:border-box!important} body[data-template="cs27Reg"] .block_select_servers_blocked_two .flex_servers_block_bms{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important} body[data-template="cs27Reg"] .block_select_servers_blocked_two .block_search, body[data-template="cs27Reg"] .block_select_servers_blocked_two .input-search{width:100%!important;max-width:100%!important;margin:0!important} body[data-template="cs27Reg"] :is(#banlist,#muts) .modal_bans{display:block!important;width:100%!important} body[data-template="cs27Reg"] :is(#banlist,#muts) .modal_bans .col_bamb{width:100%!important;max-width:100%!important;padding:0!important} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts) .info_block_names{width:100%!important;min-width:0!important;box-sizing:border-box!important}} } /* CS27REG 3.21.18.5 exact mobile redesign */ @media (max-width:767px){ body[data-template="cs27Reg"] .wapper .header-menu .collapsible-menu>li.collapsible::after{content:none!important;display:none!important} body[data-template="cs27Reg"] .wapper .header-menu .collapsible-menu>li.collapsible{padding-left:0!important} @media(min-width:768px){body[data-template="cs27Reg"] :is(#last_operations,#my_stores,.block_admins_select,#banlist,#muts){--mc:#1c2223;--mc2:#202728;--ml:#323c3d;--mm:#7f8a8b;--mt:#f2f4f4}} /* purse */ @media(min-width:768px){body[data-template="cs27Reg"] #last_operations :is(.purse_list,.table-responsive){display:block!important;width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;overflow:visible!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations :is(table,tbody){display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;border:0!important;background:transparent!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations thead{display:none!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody tr{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:0 12px!important;width:100%!important;margin:0 0 10px!important;padding:12px 14px!important;box-sizing:border-box!important;border:1px solid var(--ml)!important;border-radius:12px!important;background:linear-gradient(180deg,#202728,#1b2122)!important;box-shadow:0 8px 22px rgba(0,0,0,.12)!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody td{display:block!important;width:auto!important;min-width:0!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;text-align:left!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations td[data-cs27-label="ДАТА"]{grid-column:1!important;grid-row:1!important;margin-bottom:9px!important;color:var(--mm)!important;font-size:11px!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations td[data-cs27-label="СУММА"]{grid-column:2!important;grid-row:1!important;margin-bottom:9px!important;text-align:right!important;font-size:13px!important;font-weight:800!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations td[data-cs27-label="ОПЕРАЦИЯ"]{grid-column:1!important;grid-row:2!important;padding-top:10px!important;border-top:1px solid var(--ml)!important;color:var(--mt)!important;font-size:13px!important;line-height:1.45!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations td[data-cs27-label="ОПЕРАЦИЯ"] p{margin:0!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations td[data-cs27-label="СТАТУС"]{grid-column:2!important;grid-row:2!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;padding-top:10px!important;border-top:1px solid var(--ml)!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations :is(.status_purse_plus,.status_purse_minus){position:static!important;display:grid!important;place-items:center!important;width:32px!important;height:32px!important;margin:0!important;border-radius:9px!important}} /* my_stores */ @media(min-width:768px){body[data-template="cs27Reg"] #my_stores{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}} @media(min-width:768px){body[data-template="cs27Reg"] #my_stores>a{display:block!important;width:100%!important;text-decoration:none!important}} @media(min-width:768px){body[data-template="cs27Reg"] #my_stores>a>.table-row{display:block!important;width:100%!important;height:auto!important;margin:0 0 10px!important;padding:0!important;overflow:hidden!important;border:1px solid var(--ml)!important;border-radius:12px!important;background:linear-gradient(180deg,#202728,#1b2122)!important;box-shadow:0 8px 22px rgba(0,0,0,.12)!important}} @media(min-width:768px){body[data-template="cs27Reg"] #my_stores>a>.table-row>.row{display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important}} @media(min-width:768px){body[data-template="cs27Reg"] #my_stores>a>.table-row>.row>[class*="col-"]{position:relative!important;display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:46px!important;height:auto!important;padding:9px 12px!important;box-sizing:border-box!important;border:0!important;border-bottom:1px solid var(--ml)!important}} @media(min-width:768px){body[data-template="cs27Reg"] #my_stores>a>.table-row>.row>[class*="col-"]:last-child{border-bottom:0!important}} @media(min-width:768px){body[data-template="cs27Reg"] #my_stores>a>.table-row>.row>[class*="col-"]>span{position:static!important;grid-column:1!important;grid-row:1!important;margin:0!important;padding:0!important;color:var(--mm)!important;font-size:10px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.035em!important;text-align:left!important}} @media(min-width:768px){body[data-template="cs27Reg"] #my_stores>a>.table-row>.row>[class*="col-"]>p{grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;color:var(--mt)!important;font-size:13px!important;line-height:1.4!important;text-align:right!important;white-space:normal!important;overflow-wrap:anywhere!important}} @media(min-width:768px){body[data-template="cs27Reg"] #my_stores>a>.table-row>.row>[class*="col-"]>i{display:none!important}} /* admins */ @media(min-width:768px){body[data-template="cs27Reg"] .block_admins_select{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;padding:0!important;overflow:visible!important;background:transparent!important}} @media(min-width:768px){body[data-template="cs27Reg"] .block_admins_select>.table-row{display:block!important;width:100%!important;height:auto!important;margin:0 0 10px!important;padding:0!important;overflow:hidden!important;border:1px solid var(--ml)!important;border-radius:12px!important;background:linear-gradient(180deg,#202728,#1b2122)!important;box-shadow:0 8px 22px rgba(0,0,0,.12)!important}} @media(min-width:768px){body[data-template="cs27Reg"] .block_admins_select>.table-row>.row{display:grid!important;grid-template-columns:1fr!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important}} @media(min-width:768px){body[data-template="cs27Reg"] .block_admins_select>.table-row>.row>[class*="col-"]{position:relative!important;display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:48px!important;padding:9px 12px!important;box-sizing:border-box!important;border:0!important;border-bottom:1px solid var(--ml)!important;background:transparent!important}} @media(min-width:768px){body[data-template="cs27Reg"] .block_admins_select>.table-row>.row>[class*="col-"]:last-child{border-bottom:0!important}} @media(min-width:768px){body[data-template="cs27Reg"] .block_admins_select>.table-row>.row>[class*="col-"]>span{position:static!important;grid-column:1!important;margin:0!important;padding:0!important;color:var(--mm)!important;font-size:10px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.035em!important;text-align:left!important}} @media(min-width:768px){body[data-template="cs27Reg"] .block_admins_select>.table-row>.row>[class*="col-"]>p{grid-column:2!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;color:var(--mt)!important;font-size:13px!important;line-height:1.4!important;text-align:right!important;white-space:normal!important;overflow-wrap:anywhere!important}} @media(min-width:768px){body[data-template="cs27Reg"] .block_admins_select>.table-row>.row>.col-lg-4{grid-template-columns:46px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;min-height:64px!important}} @media(min-width:768px){body[data-template="cs27Reg"] .block_admins_select>.table-row>.row>.col-lg-4>img.admins_img{position:static!important;grid-column:1!important;grid-row:1/span 2!important;width:42px!important;height:42px!important;margin:0!important;border-radius:50%!important;object-fit:cover!important;transform:none!important}} @media(min-width:768px){body[data-template="cs27Reg"] .block_admins_select>.table-row>.row>.col-lg-4>p{grid-column:2!important;grid-row:1!important;text-align:left!important;font-size:14px!important;font-weight:700!important}} @media(min-width:768px){body[data-template="cs27Reg"] .block_admins_select>.table-row>.row>.col-lg-4>span{grid-column:2!important;grid-row:2!important;color:var(--mm)!important;text-transform:none!important;font-size:10px!important;font-weight:600!important;text-align:left!important}} @media(min-width:768px){body[data-template="cs27Reg"] .block_admins_select>.table-row>.row>.col-lg-3>i{position:static!important;grid-column:2!important;justify-self:end!important;margin:0!important;transform:none!important;top:auto!important}} /* banlist + muts */ @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts){display:block!important;width:100%!important;max-width:100%!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts)>.table-row{display:block!important;width:100%!important;height:auto!important;margin:0 0 10px!important;padding:0!important;overflow:hidden!important;border:1px solid var(--ml)!important;border-radius:12px!important;background:linear-gradient(180deg,#202728,#1b2122)!important;box-shadow:0 8px 22px rgba(0,0,0,.12)!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts)>.table-row>.row{display:grid!important;grid-template-columns:1fr!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;cursor:pointer!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts)>.table-row>.row>[class*="col-"]{position:relative!important;display:grid!important;grid-template-columns:86px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:44px!important;height:auto!important;padding:9px 12px!important;box-sizing:border-box!important;border:0!important;border-bottom:1px solid var(--ml)!important;background:transparent!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts)>.table-row>.row>[class*="col-"]:last-child{border-bottom:0!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts)>.table-row>.row>[class*="col-"]>span{position:static!important;grid-column:1!important;grid-row:1!important;margin:0!important;padding:0!important;color:var(--mm)!important;font-size:10px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.035em!important;text-align:left!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts)>.table-row>.row>[class*="col-"]>p{grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;color:var(--mt)!important;font-size:13px!important;line-height:1.4!important;text-align:right!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts)>.table-row>.row>[class*="col-"]>p :is(a,.user-profile){max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts) .small_us_av{width:28px!important;height:28px!important;min-width:28px!important;margin-right:5px!important;border-radius:50%!important;object-fit:cover!important;vertical-align:middle!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts) .cs27-row-number{display:none!important}} body[data-template="cs27Reg"] :is(#banlist,#muts)>.table-row>.modal{display:none} body[data-template="cs27Reg"] :is(#banlist,#muts)>.table-row>.modal.show{display:block!important} /* modal details */ body[data-template="cs27Reg"] :is(#banlist,#muts) .modal_bans{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts) .col_bamb{width:100%!important;max-width:100%!important;margin:0!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts) .info_block_names{width:100%!important;min-width:0!important;box-sizing:border-box!important}} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts) .name_info_block{white-space:normal!important;overflow-wrap:anywhere!important}} } /* CS27REG 3.21.18.6 — runtime-backed mobile cards */ @media (max-width:767px){ /* Menu: remove the circular duplicate chevrons on the left */ body[data-template="cs27Reg"] .cs27-navigation .header-menu .cs27-menu-toggle{ display:none!important; } body[data-template="cs27Reg"] .cs27-navigation .header-menu .collapsible-menu>li.collapsible{ padding-left:0!important; } /* Common runtime cards */ body[data-template="cs27Reg"] .cs27m-card{ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; height:auto!important; margin:0 0 12px!important; padding:0!important; overflow:hidden!important; border:1px solid #354041!important; border-radius:14px!important; background:linear-gradient(180deg,#202728 0%,#1b2122 100%)!important; box-shadow:0 8px 24px rgba(0,0,0,.14)!important; box-sizing:border-box!important; } body[data-template="cs27Reg"] .cs27m-card>.row, body[data-template="cs27Reg"] .cs27m-card-row{ display:block!important; width:100%!important; height:auto!important; min-height:0!important; margin:0!important; padding:0!important; } body[data-template="cs27Reg"] .cs27m-field{ position:relative!important; display:flex!important; flex-direction:column!important; align-items:stretch!important; justify-content:center!important; width:100%!important; max-width:100%!important; min-width:0!important; min-height:62px!important; height:auto!important; margin:0!important; padding:11px 14px!important; border:0!important; border-bottom:1px solid #303a3b!important; background:transparent!important; box-sizing:border-box!important; } body[data-template="cs27Reg"] .cs27m-field:last-child{ border-bottom:0!important; } body[data-template="cs27Reg"] .cs27m-field>span.cs27m-label, body[data-template="cs27Reg"] .cs27m-field>span:not(.status_purse_plus):not(.status_purse_minus){ position:static!important; order:0!important; display:block!important; width:auto!important; max-width:100%!important; margin:0 0 5px!important; padding:0!important; color:#7f8a8b!important; font-size:10px!important; line-height:1.2!important; font-weight:750!important; letter-spacing:.055em!important; text-transform:uppercase!important; text-align:left!important; white-space:normal!important; transform:none!important; top:auto!important; left:auto!important; } body[data-template="cs27Reg"] .cs27m-field>p{ position:static!important; order:1!important; display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:0!important; color:#f3f5f5!important; font-size:14px!important; line-height:1.4!important; font-weight:700!important; text-align:left!important; white-space:normal!important; word-break:normal!important; overflow:visible!important; overflow-wrap:anywhere!important; text-overflow:clip!important; transform:none!important; top:auto!important; left:auto!important; } body[data-template="cs27Reg"] .cs27m-field>p a{ display:inline-flex!important; align-items:center!important; max-width:100%!important; white-space:normal!important; overflow-wrap:anywhere!important; } body[data-template="cs27Reg"] .cs27m-field>i{ position:absolute!important; top:50%!important; right:14px!important; left:auto!important; transform:translateY(-50%)!important; margin:0!important; } body[data-template="cs27Reg"] .cs27m-field>img{ position:static!important; width:38px!important; height:38px!important; min-width:38px!important; margin:0 9px 0 0!important; border-radius:50%!important; object-fit:cover!important; transform:none!important; } /* Admin user field: avatar + login + role */ @media(min-width:768px){body[data-template="cs27Reg"] .block_admins_select .cs27m-user-field{ display:grid!important; grid-template-columns:46px minmax(0,1fr)!important; grid-template-rows:auto auto!important; column-gap:10px!important; align-items:center!important; }} @media(min-width:768px){body[data-template="cs27Reg"] .block_admins_select .cs27m-user-field>img{ grid-column:1!important; grid-row:1 / span 2!important; width:42px!important; height:42px!important; margin:0!important; }} @media(min-width:768px){body[data-template="cs27Reg"] .block_admins_select .cs27m-user-field>p{ grid-column:2!important; grid-row:1!important; }} @media(min-width:768px){body[data-template="cs27Reg"] .block_admins_select .cs27m-user-field>span{ grid-column:2!important; grid-row:2!important; margin:3px 0 0!important; text-transform:none!important; }} /* Ban/mute avatars become visible */ @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts) .cs27m-field .user-profile{ display:inline-flex!important; align-items:center!important; gap:7px!important; }} @media(min-width:768px){body[data-template="cs27Reg"] :is(#banlist,#muts) .cs27m-field .small_us_av{ display:inline-block!important; width:30px!important; height:30px!important; min-width:30px!important; margin:0!important; border-radius:50%!important; object-fit:cover!important; }} /* Purse cards */ @media(min-width:768px){body[data-template="cs27Reg"] #last_operations :is(.purse_list,.table-responsive,table,tbody){ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; overflow:visible!important; }} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations thead{display:none!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody tr.cs27m-purse{ position:relative!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas: "date amount" "operation operation" "status status"!important; gap:0 14px!important; width:100%!important; max-width:100%!important; min-width:0!important; height:auto!important; margin:0 0 12px!important; padding:14px!important; border:1px solid #354041!important; border-radius:14px!important; background:linear-gradient(180deg,#202728,#1b2122)!important; box-shadow:0 8px 24px rgba(0,0,0,.14)!important; box-sizing:border-box!important; }} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody tr.cs27m-purse>td{ display:block!important; width:auto!important; max-width:100%!important; min-width:0!important; height:auto!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; text-align:left!important; white-space:normal!important; word-break:normal!important; overflow:visible!important; overflow-wrap:anywhere!important; }} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations tbody tr.cs27m-purse>td::before{content:none!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations .cs27m-purse-date{grid-area:date!important;color:#8c9697!important;font-size:11px!important;line-height:1.35!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations .cs27m-purse-amount{grid-area:amount!important;text-align:right!important;font-size:14px!important;font-weight:800!important;white-space:nowrap!important}} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations .cs27m-purse-operation{ grid-area:operation!important; margin-top:11px!important; padding-top:11px!important; border-top:1px solid #303a3b!important; color:#f3f5f5!important; font-size:14px!important; line-height:1.45!important; font-weight:700!important; }} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations .cs27m-purse-operation :is(span,p){ display:block!important; width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; white-space:normal!important; word-break:normal!important; overflow-wrap:anywhere!important; line-height:1.45!important; }} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations .cs27m-purse-status{ grid-area:status!important; display:flex!important; justify-content:flex-end!important; margin-top:10px!important; }} @media(min-width:768px){body[data-template="cs27Reg"] #last_operations .cs27m-purse-status :is(.status_purse_plus,.status_purse_minus){ position:static!important; display:grid!important; place-items:center!important; width:34px!important; height:34px!important; margin:0!important; border-radius:9px!important; }} /* Don't let old table geometry return */ @media(min-width:768px){body[data-template="cs27Reg"] :is(#my_stores,.block_admins_select,#banlist,#muts) .table-row{ height:auto!important; }} @media(min-width:768px){body[data-template="cs27Reg"] :is(#my_stores,.block_admins_select,#banlist,#muts) .table-row>.row{ height:auto!important; flex-wrap:wrap!important; }} }