/* HARD PLAY / patch 04: controls, tables and profile details. */
:root{--hp-button-radius:10px;--hp-control-height:42px}
.btn,a.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;vertical-align:middle;text-align:center;min-height:var(--hp-control-height);height:auto;padding:10px 17px;line-height:1.35;font-size:13px;font-weight:600;border-radius:var(--hp-button-radius);border-width:1px;white-space:normal;text-decoration:none;box-shadow:0 2px 3px #00000010;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s;color:#e6edf4}
input.btn{display:inline-block;text-align:center;vertical-align:middle;min-height:var(--hp-control-height);height:auto;line-height:1.35;padding:10px 17px;font-size:13px;font-weight:600;border-radius:var(--hp-button-radius);box-sizing:border-box}
.btn:not(:disabled):not(.disabled):hover{transform:translateY(-1px);box-shadow:0 6px 16px #0c142633}.btn:not(:disabled):not(.disabled):active{transform:translateY(0);box-shadow:inset 0 2px 4px #00000012}.btn-primary{background:linear-gradient(135deg,#f4c37d,#e9aa50)!important;border-color:#edba70!important;color:#182430!important;box-shadow:0 4px 13px #e9aa5018!important}.btn-primary:hover{background:linear-gradient(135deg,#ffcf8a,#f2b969)!important}.btn-outline-primary,.btn-default,.btn-secondary{background:#ffffff04;border-color:#50606c;color:#ecd0a8}.btn-outline-primary:hover,.btn-default:hover,.btn-secondary:hover{background:#f3b65a12;border-color:#cfa46c;color:#ffdda9}.btn-success{background:#34664e;border-color:#56856d;color:#e5fff0}.btn-success:hover{background:#3e785b;border-color:#6aa282;color:#fff}.btn-danger,.btn-outline-danger{background:#713e4b;border-color:#a46675;color:#ffe9ee}.btn-danger:hover,.btn-outline-danger:hover{background:#884c5b;color:#fff}.btn-warning{background:#e2b15f;border-color:#e9c588;color:#24292e}.btn-info{background:#315b71;border-color:#507c91;color:#e8f6ff}.btn-light{background:#3a4855;border-color:#566572;color:#f1f5f8}.btn-dark{background:#26333f;border-color:#485968;color:#e8eff5}.btn-link{background:transparent;border-color:transparent;color:#e3bc86;box-shadow:none}.btn-link:hover{background:#ffffff04;box-shadow:none}
.btn:disabled,.btn.disabled,input.btn:disabled{opacity:.42;cursor:not-allowed;pointer-events:none;transform:none;box-shadow:none!important;filter:saturate(.6)}.btn-sm,.btn-group-sm>.btn{min-height:32px;padding:6px 11px;font-size:11px;border-radius:8px;line-height:1.35}.btn-lg,.btn-xl,.btn-group-lg>.btn{min-height:48px;padding:12px 21px;font-size:14px}.btn-block{display:flex;width:100%}.btn>i,.btn>.hp-svg{margin:0;flex-shrink:0;line-height:1}.btn>.hp-svg{width:18px;height:18px;vertical-align:middle}.input-group>.btn,.input-group-btn>.btn,.input-group-append>.btn{height:100%;min-height:40px}.input-group>.form-control{min-height:42px}.btn-group>.btn{border-radius:0}.btn-group>.btn:first-child{border-radius:10px 0 0 10px}.btn-group>.btn:last-child{border-radius:0 10px 10px 0}.btn-group>.btn:only-child{border-radius:10px}.modal-footer{gap:8px}.modal-footer>.btn{margin:0}.btn:focus-visible,.form-control:focus-visible{outline:2px solid #f3c784!important;outline-offset:3px}
.hp-cashdesk .hardpay-help-actions,.hp-checkout .hardpay-support-box{align-items:center}.hp-cashdesk .hardpay-help-actions .btn,.hp-checkout .hardpay-support-box .btn{display:inline-flex;align-items:center;justify-content:center;line-height:1.4;min-height:40px;height:auto;padding:10px 15px;margin:0;text-align:center;max-width:100%;font-size:12px}.hp-cashdesk .hardpay-entry-submit,.hp-cashdesk .hardpay-quick .btn{display:inline-flex;align-items:center;justify-content:center;height:auto;min-height:46px;line-height:1.35}.hp-checkout .hardpay-cancel-button,.hp-checkout .hardpay-card-submit .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;height:auto;padding:11px 16px}.hp-checkout .hardpay-copy,.hp-checkout .hardpay-copy-row .btn{min-height:40px;padding:10px 14px;line-height:1.35}.hp-checkout .hardpay-reset-form .btn{min-height:36px;padding:8px 12px}.hp-cashdesk .hardpay-active-actions{align-items:center}.hp-payment-methods .btn{height:auto;line-height:1.35;min-height:44px}
/* Keep real table semantics and horizontal scrolling for wide datasets. */
.table{border-collapse:separate;border-spacing:0;border:0;background:transparent;color:#d5e1ea;margin-bottom:0}.table th,.table td{vertical-align:middle!important;line-height:1.6;padding:15px 17px;border:0!important;border-bottom:1px solid #3b4b585f!important;box-shadow:none}.table thead th,.table thead td{background:#263440;color:#b4c4d0;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding-top:13px;padding-bottom:13px;white-space:nowrap}.table tbody tr{background:#ffffff01}.table tbody tr:nth-child(even){background:#ffffff06}.table tbody tr:hover{background:#f3b65a05}.table tbody tr:last-child>td{border-bottom:0!important}.table td .btn{vertical-align:middle}.table td .btn+.btn{margin-left:5px}.table th:first-child{border-top-left-radius:10px}.table th:last-child{border-top-right-radius:10px}.table td[colspan]{text-align:center}.table-responsive{border-radius:11px;scrollbar-width:thin;scrollbar-color:#63727b #202b36}.monitoring-table .table td,.monitoring-table .table th{vertical-align:middle;padding:15px 18px}.monitoring-table .table thead td:last-child,.monitoring-table .table tbody td:last-child{text-align:center}.block.block-table{overflow:hidden}.block.block-table>.block_head{padding:21px 24px;margin:0;border:0}.table .label,.table .badge{vertical-align:middle;border-radius:6px;padding:5px 8px}.table .progress{margin:0}
#last_operations{background:#202b36;border-color:#40505c}#last_operations>.block_head{display:flex;align-items:center;gap:9px;padding:22px 24px;font-size:17px}#last_operations>.block_head .hp-icon{margin:0}#last_operations .table{min-width:520px}#last_operations .table thead th{font-size:10px;padding:13px 24px;background:#ffffff06}#last_operations .table td{padding:18px 24px}.hp-operation-sum{width:26%;white-space:nowrap;font-variant-numeric:tabular-nums}.hp-operation-amount{display:inline-flex;align-items:center;gap:9px;padding:6px 10px;border-radius:8px;font-weight:700;font-size:13px;background:#66bc9110;line-height:1.4}.hp-operation-amount.text-danger{background:#d5818e10}.hp-operation-amount i{font-size:10px;opacity:.8}.hp-operation-type{font-size:12px}.hp-operation-date{color:#a4b7c5!important;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}#operations td[colspan]{padding:32px 20px!important;color:#a5b8c6}#operations .c-p{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 15px;background:#ffffff04;border:1px solid #4b5a66;border-radius:8px;color:#edc994}
.profile-page .profile .table{margin-top:0}.profile-page .profile .table tbody tr>td{padding:13px 10px;vertical-align:middle!important;border-bottom-color:#3b4b5833!important}.profile-page .profile .table td.hp-profile-label{color:#a9bdcc;font-size:12px;width:40%}.hp-profile-label>i{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;margin-right:8px;border:1px solid #e5bc7f23;background:#e5bc7f08;border-radius:8px;color:#e9c28c;vertical-align:middle;font-size:13px}.hp-profile-label>i.fa-telegram-plane{color:#80c9ea;background:#80c9ea0b}.hp-profile-label>i.fa-discord{color:#b0b4f4;background:#b0b4f40b}.hp-profile-label>i.fa-steam{color:#d9e7ef}.hp-profile-label>i.fa-facebook-f{color:#8ab5f0}.profile-page .profile table tbody tr td[colspan="2"] h4{display:flex;align-items:center;gap:10px;margin-top:12px;padding:17px 0 9px;line-height:1.4;text-align:left}.profile-page .profile table h4>i{color:#e2b675;font-size:14px;min-width:18px}.profile-page .profile table tbody tr td[colspan="2"]{text-align:left}.profile-page .profile .table td a[href*="telegram.me"]{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid #83bfda33;border-radius:8px;background:#83bfda08;color:#b4def1}.profile-page .profile .table td a[title="Написати в Discord"]{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid #aca9e433;border-radius:8px;background:#aca9e408;color:#ccc8f4}.profile-page .profile .table td{overflow-wrap:anywhere}
.g-recaptcha,#recaptcha_2{color-scheme:dark}#chat .input-group-btn{display:flex;align-items:stretch}#chat .input-group-btn>.btn{height:100%;min-height:42px}#chat #send_button{min-height:42px;line-height:1.35;text-align:center}
@media(max-width:575px){.btn,a.btn,button.btn,input.btn{min-height:42px;padding:10px 14px}.btn-sm,.btn-group-sm>.btn{min-height:34px;padding:7px 10px;font-size:11px}.table td,.table th{padding:12px}.hp-cashdesk .hardpay-help-actions .btn,.hp-checkout .hardpay-support-box .btn{width:100%;min-height:44px}#last_operations>.block_head{padding:19px}#last_operations .table td,#last_operations .table thead th{padding:14px 17px}.profile-page .profile .table td.hp-profile-label{width:43%;font-size:11px}.hp-profile-label>i{width:23px;height:23px;margin-right:5px;font-size:11px}.profile-page .profile .table td{padding:12px 5px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.btn{transition:none!important}.btn:hover,.btn:active{transform:none!important}}
/* Patch 05: compact section headers + replace legacy blue outline buttons. */
.block.hp-nav-card>.block_head{padding-bottom:10px;margin-bottom:7px;border-bottom:1px solid #3b4b5866;line-height:1.4}.block.hp-nav-card>.vertical-navigation{padding-top:0;margin-top:0}.block.hp-nav-card>.vertical-navigation ul li:first-child>a{border-top:0}.profile-page .profile>.block_head{padding-bottom:12px;margin-bottom:0;line-height:1.4}.profile-page .profile>.table{margin-top:0}.profile-page .profile>.table>tbody>tr:first-child>td[colspan]{padding-top:0;padding-bottom:7px}.profile-page .profile>.table>tbody>tr:first-child>td[colspan]>h4{margin-top:0;padding-top:10px;padding-bottom:5px;border-top:0}
body .btn.btn-outline-primary,body .btn.btn-default{background:linear-gradient(135deg,#344450,#293742)!important;border:1px solid #687363!important;color:#f1d5ac!important;box-shadow:inset 0 1px 0 #ffffff08,0 3px 10px #111b2422!important;border-radius:9px;font-weight:600;text-decoration:none;line-height:1.35}
body .btn.btn-outline-primary:not(:disabled):not(.disabled):hover,body .btn.btn-default:not(:disabled):not(.disabled):hover,body .btn.btn-outline-primary:not(:disabled):not(.disabled):focus,body .btn.btn-default:not(:disabled):not(.disabled):focus{background:linear-gradient(135deg,#40505b,#33434f)!important;border-color:#d4ac72!important;color:#ffe2b6!important;box-shadow:0 5px 16px #101b2b33!important}
body .btn.btn-outline-primary:not(:disabled):not(.disabled):active,body .btn.btn-default:not(:disabled):not(.disabled):active,body .btn.btn-outline-primary.active,body .btn.btn-default.active{background:#3a4b56!important;border-color:#edc184!important;color:#ffdfaa!important;box-shadow:inset 0 2px 5px #111b242b!important}.hp-create-news{width:100%;gap:10px;min-height:42px!important;font-size:13px!important;padding:10px 15px!important}.hp-create-news>i{display:inline-flex;align-items:center;justify-content:center;flex:0 0 23px;height:23px;font-size:11px;background:#f3b65a12;border:1px solid #f3b65a2e;border-radius:6px;color:#efc184}
/* Patch 06: one spacing system for all public page blocks and AJAX widgets. */
:root{--hp-card-padding:20px;--hp-card-gap:20px;--hp-heading-gap:10px}
.wapper .block{padding:var(--hp-card-padding);margin-bottom:var(--hp-card-gap)}
body .wapper .block>.block_head{display:flex;align-items:center;flex-wrap:wrap;gap:8px 9px;min-height:0;height:auto;line-height:1.4;padding:0 0 8px;margin:0 0 var(--hp-heading-gap);border-bottom:1px solid #3b4b5855}
body .wapper .block>.block_head>.hp-icon,body .wapper .block>.block_head>i{margin:0;padding:6px;flex-shrink:0;line-height:1;width:17px;height:17px;box-sizing:content-box;font-size:15px}
body .wapper .block>.block_head>span{margin-left:0;font-size:inherit;line-height:inherit}
body .wapper .block>.block_head>small{position:static;top:auto;right:auto;margin:0 0 0 auto;font-size:11px;line-height:1.4}
body .wapper .block>.block_head>.btn{float:none;margin-left:auto;margin-bottom:0}
.wapper .block>.block_head+:not(script){margin-top:0}.wapper .block>:last-child{margin-bottom:0}
.wapper .block.block-table{padding:0}.wapper .block.block-table>.block_head,body .wapper #last_operations>.block_head{padding:16px var(--hp-card-padding);margin:0;border-bottom:0;gap:9px}
.wapper .block.block-table>.table-responsive{margin-top:0;margin-bottom:0;border-top:1px solid #3b4b5855}
.wapper .block.block-table .noty-block{width:calc(100% - var(--hp-card-padding) * 2);margin-left:var(--hp-card-padding);margin-right:var(--hp-card-padding);margin-bottom:16px}
.wapper .block .block_head_image{width:calc(100% + var(--hp-card-padding) * 2);margin:calc(var(--hp-card-padding) * -1);margin-bottom:16px;border-radius:13px 13px 0 0}
.wapper .block>.vertical-navigation{padding:0;margin:0}.wapper .block .empty-element{padding:8px 0}.wapper .block .vertical-navigation ul li a{min-height:38px;padding-top:9px;padding-bottom:9px}
body .wapper .profile-page .profile>.table>tbody>tr:first-child>td[colspan]{padding-top:0;padding-bottom:6px}body .wapper .profile-page .profile>.table>tbody>tr:first-child>td[colspan]>h4{margin:0;padding-top:4px;padding-bottom:6px;border-top:0}.profile-page .profile table tbody tr td[colspan="2"] h4{margin-top:6px;padding-top:12px;padding-bottom:7px}
.hp-wallet-unified{padding:var(--hp-card-padding);margin-bottom:var(--hp-card-gap)}.hp-wallet-unified .hp-wallet-heading{padding-bottom:16px}.hp-wallet-heading h1{margin-top:5px;margin-bottom:6px}.hp-payment-heading{padding:15px var(--hp-card-padding);margin:0 0 var(--hp-card-gap)}
.hp-cashdesk .hardpay-entry-lead{margin-bottom:18px}.hp-cashdesk .hardpay-entry-shell{gap:18px}.hp-checkout .hardpay-section-subtitle{margin-bottom:16px}.hp-checkout .hardpay-support-box{margin-top:18px;padding:16px}.hp-checkout .hardpay-order-code{margin-top:9px}.hp-checkout .hardpay-order-subtitle{margin-top:9px}
.hp-slider{margin-bottom:var(--hp-card-gap)}.monitoring-table{margin-bottom:var(--hp-card-gap)}.modal-body{padding:20px}.modal-header,.modal-footer{padding:15px 20px}
@media(max-width:575px){:root{--hp-card-padding:16px;--hp-card-gap:16px;--hp-heading-gap:8px}body .wapper .block>.block_head{font-size:16px;gap:7px;padding-bottom:7px}.wapper .block.block-table>.block_head,body .wapper #last_operations>.block_head{padding:14px var(--hp-card-padding)}.modal-body{padding:16px}.modal-header,.modal-footer{padding:13px 16px}}
/* Patch 07: keep wrapped headings beside their icon; single separators. */
body .wapper .block>.block_head{flex-wrap:nowrap;align-items:center}
body .wapper .block>.block_head>.hp-heading-title{display:block;min-width:0;flex:0 1 auto;white-space:normal;overflow-wrap:break-word;margin:0;font:inherit;color:inherit;line-height:1.4}
body .wapper .block>.block_head>.hp-icon,body .wapper .block>.block_head>i{flex-shrink:0}
body .wapper .block>.block_head>small{flex-shrink:0;max-width:45%;text-align:right}
.wapper .block #online_users>a:first-child,.wapper .block #top_users>a:first-child,.wapper .block #last_activity>span:first-child,.wapper .block #mybans>span:first-child,.wapper .block #events>.event:first-child{border-top:0}
.wapper .block #chat,.wapper .block #chat #chat_messages{border-top:0}
.wapper .block #chat #chat_messages>.chat_message:first-of-type{border-top:0}
.wapper .block #last_activity>.empty-element,.wapper .block #mybans>.empty-element{min-height:0;height:auto;padding:8px 0;border:0;max-height:none;line-height:1.6}
#operations .hp-operations-more{min-width:145px;margin:0}

.btn.disp-n,button.btn[hidden],a.btn[hidden]{display:none!important}