/* Page-specific styles extracted from PHP <style> blocks */

/* ===== admin.php ===== */
.admin-wrap{display:flex;gap:24px;margin-top:20px;}

.admin-sidebar{
    width: 250px;
    min-width: 250px;
    max-width: 250px;
    flex: 0 0 250px;
    background: #1e1e1e;
    border-radius:12px;
    border: 1px solid #333;
    height: fit-content;
    overflow: hidden;
}

.admin-sidebar a,
.admin-sidebar .admin-nav-group-toggle {
    display: block;
    width: 100%;
    padding: 15px;
    color: #ddd;
    text-decoration: none;
    border: 0;
    border-bottom: 1px solid #333;
    transition: 0.2s;
    background: transparent;
    cursor: pointer;
    text-align: left;
    font: inherit;
    box-sizing: border-box;
}

.admin-sidebar .admin-nav-group-toggle {
    font-weight: 900;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    position: relative;
}

/* <summary> w <details> ma własny marker — ukrywamy go */
.admin-sidebar summary.admin-nav-group-toggle { list-style: none; }
.admin-sidebar summary.admin-nav-group-toggle::-webkit-details-marker { display: none; }
.admin-sidebar summary.admin-nav-group-toggle::marker { content: ""; }

.admin-sidebar a:hover,
.admin-sidebar a.active,
.admin-sidebar .admin-nav-group-toggle:hover {
    background: #252525;
    color: #f39c12;
}

.admin-sidebar .admin-nav-link { font-weight: 800; }

.admin-sidebar .admin-nav-group-toggle::after {
    content: '▾';
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    transition: transform .15s ease, color .15s ease;
    color: #777;
}

.admin-nav-group[open] .admin-nav-group-toggle::after {
    transform: translateY(-50%) rotate(0deg);
    color: #f39c12;
}

.admin-nav-group-items {
    background: #191919;
}

.admin-nav-group-items a {
    display: block;
    width: 100%;
    padding: 12px 15px 12px 28px;
    font-size: 13px;
    color: #ddd;
    text-decoration: none;
    border-bottom: 1px solid #2a2a2a;
    transition: 0.2s;
    box-sizing: border-box;
}

.admin-nav-group-items a:last-child { border-bottom: 0; }
        .admin-main{ flex: 1; background: #1e1e1e; padding:24px;border-radius:12px; border: 1px solid #333; min-height: 450px; }
        .admin-main input, .admin-main select { width: 100%; padding: 10px; background: #121212; border: 1px solid #444; color: #fff; margin: 5px 0 15px; border-radius: 4px; box-sizing: border-box; }
        .admin-main label { color: #f39c12; font-size: 11px; font-weight: bold; }
        .admin-main table { width: 100%; border-collapse: collapse; margin-top: 15px; }
        .table-wrap { width:100%; overflow-x:auto; }
        .user-role-cell { min-width: 200px; }
        .user-actions { min-width: 170px; }
        .admin-main th, .admin-main td { padding: 12px; text-align: left; border-bottom: 1px solid #333; font-size: 12px; color: #eee; }
        .admin-main th { color: #f39c12; text-transform: uppercase; font-size: 10px; }
        .icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:6px;text-decoration:none;font-size:16px;font-weight:900;cursor:pointer;border:none;line-height:1;position:relative;user-select:none;}
        .icon-btn:focus{outline:2px solid rgba(243,156,18,0.65);outline-offset:2px;}
        .icon-btn[data-tooltip]::after{content:attr(data-tooltip);position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 10px);background:#111;color:#f1c40f;border:1px solid #333;border-radius:6px;padding:6px 8px;font-size:11px;font-weight:800;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;box-shadow:0 8px 18px rgba(0,0,0,.55);z-index:9999;}
        .icon-btn[data-tooltip]::before{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 4px);border:6px solid transparent;border-top-color:#333;opacity:0;pointer-events:none;transition:opacity .15s;z-index:9999;}
        .icon-btn[data-tooltip]:hover::after,.icon-btn[data-tooltip]:hover::before{opacity:1;}
        .icon-btn[data-tooltip]:focus::after,.icon-btn[data-tooltip]:focus::before{opacity:1;}

        .role-badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.4px;border:1px solid #333;background:#121212;color:#f1c40f;text-transform:uppercase;}
        .role-badge.role-admin{color:#ffb3b3;border-color:#5b2323;background:#1b0f0f;}
        .role-badge.role-moderator{color:#b3d9ff;border-color:#23445b;background:#0f151b;}
        .role-badge.role-opiekun{color:#b9f3cf;border-color:#235b3b;background:#0f1b14;}
        .cancel-edit { display:block; text-align:center; color:#888; margin-top:5px; text-decoration:none; font-size:12px; }
        .rcon-console { background: #000; color: #2ecc71; padding: 15px; font-family: monospace; border-radius: 6px; border: 1px solid #333; height: 300px; overflow-y: auto; margin-top: 15px; white-space: pre-wrap; }
        .modal { display:none; position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); }
        .modal-content{ background:#1e1e1e; margin:10% auto; padding:25px; border:1px solid #f39c12; width:400px; border-radius:12px; position:relative; }
        .pass-cell { cursor: pointer; color: #aaa; font-family: monospace; font-weight: bold; padding: 2px 8px; border-radius: 4px; border: 1px solid transparent; transition: 0.2s; }
        .pass-cell.revealed { color: #f39c12; background: rgba(243, 156, 18, 0.1); border: 1px solid #f39c12; box-shadow: 0 0 8px rgba(243, 156, 18, 0.2); }
        .status-msg{padding:12px;border-radius:6px;font-size:12px;line-height:1.5;border:1px solid #333;}
        .status-success{color:#2ecc71;background:rgba(46,204,113,0.08);border-color:#2ecc71;}
        .status-error{color:#e74c3c;background:rgba(231,76,60,0.08);border-color:#e74c3c;}
    
                .btn-s{
            padding:10px 14px;
            border-radius:8px;
            border:1px solid #333;
            background:#2a2a2a;
            color:#ddd;
            font-size:11px;
            font-weight:800;
            cursor:pointer;
            text-decoration:none;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:8px;
            box-sizing:border-box;
            line-height:1.1;
            white-space:nowrap;
        }
        .btn-s:hover{ background:#333; }
        .btn-s:disabled{ opacity:.6; cursor:not-allowed; }
        .btn-s.primary{ background:#f39c12; color:#000; border-color:#f39c12; }
        .btn-s.primary:hover{ filter:brightness(0.95); }
        .btn-s.ghost{ background:#1b1b1b; color:#ddd; border-color:#333; }
        .btn-s.ghost:hover{ background:#242424; }
        .btn-s svg{ width:16px; height:16px; display:block; }

/* ===== dodaj_news.php ===== */
.form-box { max-width: 700px; margin: 40px auto; background: #1e1e1e; padding: 30px; border-radius: 8px; border: 1px solid #333; }
        .form-box input[type="text"], .form-box textarea, .form-box input[type="file"] { width: 100%; padding: 12px; background: #121212; border: 1px solid #444; color: #fff; margin: 10px 0 20px; border-radius: 4px; box-sizing: border-box; }
        .form-box label { color: #f39c12; font-weight: bold; font-size: 14px; display:block; margin-bottom:5px; }
        .news-btn { background: #f39c12; color: #000; transition: 0.3s; border: none; width: 100%; cursor: pointer; padding: 15px; font-weight: bold; border-radius: 4px; }
        .news-btn:hover { background: #e68a00; }

/* ===== index.php ===== */
.news-card.no-image .news-content { flex: 1; display: flex; flex-direction: column; min-height: 280px; }
        .news-card.no-image .news-content { justify-content: flex-start; }
        .news-card.no-image .news-text { white-space: pre-line; padding-bottom: 2px;
 font-size: 15px; line-height: 1.7; color: #ccc; }
        .news-card.no-image .news-title { font-size: 22px; height: auto; margin-bottom: 20px; }
        .news-grid { margin-top: 30px; }

/* ===== konwersacja.php ===== */
.chat-container { background: #141414; border: 1px solid #333; border-radius: 12px; display: flex; flex-direction: column; height: 650px; margin-top: 20px; }
        .chat-messages { flex: 1; padding: 20px; overflow-y: auto; display: flex; flex-direction: column; gap: 15px; }
        .msg { max-width: 75%; padding: 12px 16px; border-radius: 15px; font-size: 14px; line-height: 1.5; position: relative; }
        .msg.me { align-self: flex-end; background: #f39c12; color: #000; border-bottom-right-radius: 2px; }
        .msg.other { align-self: flex-start; background: #222; color: #ddd; border-bottom-left-radius: 2px; border: 1px solid #333; }
        .msg-info { font-size: 10px; margin-bottom: 5px; opacity: 0.8; font-weight: bold; }
        .chat-form { padding: 20px; border-top: 1px solid #333; display: flex; gap: 10px; background: #1a1a1a; border-radius: 0 0 12px 12px; }
        .chat-form textarea { flex: 1; background: #0a0a0a; border: 1px solid #444; color: #fff; padding: 12px; border-radius: 6px; resize: none; height: 60px; font-size: 13px; }
        .chat-form button { background: #f39c12; border: none; padding: 0 30px; font-weight: bold; border-radius: 6px; cursor: pointer; color: #000; transition: 0.2s; }
        .chat-form button:hover { background: #e68a00; }
        .back-btn { color: #888; text-decoration: none; font-size: 13px; transition: 0.2s; }
        .back-btn:hover { color: #f39c12; }

/* ===== logowanie.php ===== */
.auth-box { max-width: 400px; margin: 70px auto; background: #1e1e1e; padding: 40px; border-radius: 12px; border: 1px solid #333; text-align: center; }
        .auth-input { width: 100%; padding: 12px; margin: 10px 0; background: #121212; border: 1px solid #444; color: #fff; border-radius: 6px; box-sizing: border-box; font-size: 14px; }
        .auth-btn { width: 100%; padding: 12px; background: #f39c12; border: none; font-weight: bold; color: #000; border-radius: 6px; cursor: pointer; margin-top: 15px; transition: 0.3s; }
        .auth-btn:hover { background: #e68a00; }
        .error-msg { color: #e74c3c; background: rgba(231, 76, 60, 0.1); padding: 10px; border-radius: 4px; border: 1px solid #e74c3c; margin-bottom: 20px; font-size: 13px; }

/* ===== profil.php ===== */
.profile-wrapper { max-width: 900px; margin: 40px auto; background: #111; border: 1px solid #222; border-radius: 12px; padding: 40px; }
.profile-flex { display: flex; gap: 24px; flex-wrap: wrap; }
.profile-card {
    flex: 1;
    min-width: 300px;
    background: #161616;
    border: 1px solid #222;
    padding: 24px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* wcześniej było height:450px + overflow:hidden co ucinało treść (np. historię kodów) */
    min-height: 450px;
    height: auto;
    overflow: visible;
}
.profile-card h3{color:#f39c12;font-size:13px;text-transform:uppercase;letter-spacing:.6px;margin:0 0 16px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-height:72px;line-height:1.15;}
.icon-divider{width:64px;height:1px;background:#222;}
.nick-text{font-size:14px;font-weight:900;color:#f1c40f;line-height:1.2;min-height:16px;}

.card-icon{font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;height:24px;}
.nick-text--spacer{visibility:hidden;}
.av-big { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; border: 3px solid #f39c12; margin: 0 auto 20px; display: block; }
.av-steam-small { width: 100px; height: 100px; border-radius: 8px; border: 2px solid #2a475e; margin: 0 auto 15px; display: block; object-fit: cover; background: #000; }
.btn-custom { width: 100%; padding: 12px; background: linear-gradient(#f1c40f,#f39c12); color: #000; text-align: center; border-radius: 6px; font-weight: bold; border: none; cursor: pointer; text-decoration: none; display: block; box-sizing: border-box; font-size: 11px; }
.status-success { color:#2ecc71;font-weight:bold;text-align:center;margin-bottom:20px;background:rgba(46,204,113,0.1);padding:10px;border-radius:5px;}
.status-error { color:#e74c3c;font-weight:bold;text-align:center;margin-bottom:20px;background:rgba(231,76,60,0.1);padding:10px;border-radius:5px;}
.form-container { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; }
.steamid-container { text-align:center; margin-top:15px; }
.steamid-title { font-weight:bold; font-size:14px; color:#f39c12; margin-bottom:3px; }
.steamid-number { font-size:16px; font-weight:bold; color:#f1c40f; }

.wallet-scroll { flex: 1; display:flex; flex-direction:column; overflow:visible; border:0; border-radius:0; background:transparent; }
.wallet-meta { padding:14px; display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; border-bottom:1px solid #222; }
.wallet-badge { padding:6px 10px; border:1px solid #333; border-radius:999px; background:#161616; color:#f39c12; font-weight:900; }

.wallet-top{ text-align:center; margin:0 0 14px; display:flex; flex-direction:column; align-items:center; gap:8px; }
.wallet-title{ font-weight:900; color:#f39c12; text-transform:uppercase; font-size:13px; letter-spacing:0.5px; }
.wallet-inner { padding: 0; overflow:visible; }

/* karta realizacji kodów (pod ikoną 🎟️) */
/* (nagłówek tekstowy usunięty – formularz jest wyśrodkowany pod ikoną) */

/* ===== serverbar.php ===== */
.tile-ip-box { 
            margin-top: 10px; 
            font-size: 11px; 
            color: #f39c12; 
            background: #000; 
            padding: 6px; 
            text-align: center; 
            border-radius: 4px; 
            border: 1px solid #333; 
            cursor: pointer;
            transition: 0.3s;
            font-weight: bold;
            display: block;
            text-transform: uppercase;
        }
        .tile-ip-box:hover {
            background: #222;
            border-color: #f39c12;
            color: #fff;
        }

.tile-mini-link {
            margin-top: 6px;
            font-size: 11px;
            color: #f39c12;
            background: #121212;
            padding: 5px 6px;
            text-align: center;
            border-radius: 4px;
            border: 1px solid #222;
            text-decoration: none;
            display: block;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: .4px;
            transition: .2s;
        }
        .tile-mini-link:hover {
            background: #1a1a1a;
            border-color: #f39c12;
            color: #fff;
        }

/* ===== serwery.php ===== */
.server-card-icon { font-size: 40px; z-index: 1; filter: drop-shadow(0 0 10px rgba(243, 156, 18, 0.3)); }
        .status-badge { font-size: 22px; font-weight: bold; margin-bottom: 5px; }
        .server-detail-line { font-size: 12px; color: #666; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.5px; }

/* ===== view_news.php ===== */
.news-view { max-width: 900px; margin: 40px auto; background: #161616; border-radius: 12px; overflow: hidden; border: 1px solid #333; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
        .news-image-full { width: 100%; }
        .news-body { padding: 40px; }
        .news-header { margin-bottom: 30px; border-bottom: 1px solid #222; padding-bottom: 25px; }
        .news-header h1 { color: #f39c12; font-size: 34px; margin-bottom: 12px; line-height: 1.2; }
        .news-header .meta { font-size: 13px; color: #666; text-transform: uppercase; letter-spacing: 1px; }
        .news-header .meta b { color: #aaa; }
        .news-text-full { font-size: 16px; line-height: 1.8; color: #ccc; word-wrap: break-word; }
        .back-link { display: inline-block; margin-top: 40px; color: #f39c12; text-decoration: none; font-weight: bold; font-size: 14px; transition: 0.2s; border-bottom: 1px solid transparent; }
        .back-link:hover { color: #fff; border-bottom: 1px solid #f39c12; }
        .no-img-placeholder { width: 100%; height: 100px; background: #111; border-bottom: 1px solid #222; }

/* ===== weryfikacja.php ===== */
.verify-container { text-align: center; margin-top: 100px; max-width: 600px; margin-left: auto; margin-right: auto; }
.verify-box { background: #1a1a1a; padding: 50px; border-radius: 12px; border: 1px solid #333; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
.verify-box.success { border-color: #2ecc71; }
.verify-box.error { border-color: #e74c3c; }
.verify-title { color: #f39c12; font-size: 24px; margin-bottom: 20px; text-transform: uppercase; }
.verify-title.success { color: #2ecc71; }
.verify-title.error { color: #e74c3c; }
.verify-msg { color: #ccc; margin-bottom: 30px; line-height: 1.6; }
.verify-actions { margin-top: 10px; }
.verify-login-btn { text-decoration: none; display: inline-block; min-width: 250px; }
.verify-back { margin-top: 30px; }
.verify-back a { color: #555; text-decoration: none; font-size: 13px; }

/* ===== wiadomosci.php ===== */
.messenger-wrapper { display: grid; grid-template-columns: 300px 1fr 260px; height: 800px; background: #0f0f0f; border: 1px solid #222; border-radius: 12px; overflow: hidden; margin-top: 20px; }
        .conv-list, .friends-list { background: #141414; border-right: 1px solid #222; overflow-y: auto; }
        .friends-list { border-right: none; border-left: 1px solid #222; padding: 15px; }
        .conv-item { padding: 14px 14px 12px; border-bottom: 1px solid #1f1f1f; display: flex; align-items: center; gap: 12px; text-decoration: none; color: #888; transition: background .18s ease, color .18s ease; position: relative; min-height: 78px; }
        .conv-item.active { background: #1d1d1d; box-shadow: inset 4px 0 0 #f39c12; color: #fff; }
        .conv-item:hover { background: #181818; color: #ddd; }
        .av-conv { width: 45px; height: 45px; border-radius: 50%; object-fit: cover; border: 1px solid #333; }
        .chat-window { display: flex; flex-direction: column; background: #111; position: relative; }
        .chat-header { padding: 12px 24px; border-bottom: 1px solid #222; background: #141414; display: flex; justify-content: space-between; align-items: center; position: relative; min-height: 60px; }
        .chat-messages { flex: 1; padding: 24px; overflow-y: auto; display: flex; flex-direction: column; gap: 24px; }
        .msg-row { display: flex; width: 100%; position: relative; }
        .msg-row.me { justify-content: flex-end; }
        .msg-row.other { justify-content: flex-start; }
        .bubble { width: 80%; padding: 15px 15px 30px 15px; border-radius: 12px; position: relative; font-size: 13px; line-height: 1.5; box-sizing: border-box; }
        .bubble.me { background: #f39c12; color: #000; border-bottom-right-radius: 2px; }
        .bubble.other { background: #222; border: 1px solid #333; color: #ddd; border-bottom-left-radius: 2px; }
        .bubble-footer { position: absolute; bottom: 8px; right: 12px; font-size: 9px; opacity: 0.7; font-weight: bold; text-transform: uppercase; }
        .msg-actions { display: none; position: absolute; top: -25px; background: #252525; padding: 4px 10px; border-radius: 6px; gap: 12px; z-index: 10; border: 1px solid #444; box-shadow: 0 4px 10px rgba(0,0,0,0.5); }
        .bubble.me .msg-actions { right: 0; }
        .bubble.other .msg-actions { left: 0; }
        .bubble:hover .msg-actions { display: flex; }
        .msg-actions a { color: #f39c12; text-decoration: none; font-size: 10px; font-weight: bold; cursor: pointer; display: flex; align-items: center; gap: 4px; }
        .header-del-confirm { display: none; position: absolute; top: 55px; right: 20px; background: #c0392b; color: #fff; padding: 10px 15px; border-radius: 6px; font-size: 11px; font-weight: bold; z-index: 100; border: 1px solid #e74c3c; white-space: nowrap; }
        .header-del-confirm a { color: #fff; text-decoration: underline; margin-left: 10px; }
        .msg-edit-textarea { width: 100%; background: #000; border: 1px solid #444; color: #fff; padding: 10px; border-radius: 6px; font-size: 13px; resize: vertical; min-height: 160px; max-height: 520px; margin-bottom: 8px; }
        .msg-edit-save-btn { background: #27ae60; color: #fff; border: none; padding: 6px 15px; border-radius: 4px; cursor: pointer; font-size: 11px; font-weight: bold; }
        .msg-edit-cancel-btn { background: #444; color: #fff; border: none; padding: 6px 15px; border-radius: 4px; cursor: pointer; font-size: 11px; font-weight: bold; margin-left: 5px; }
        .chat-input-area { padding: 16px; border-top: 1px solid #222; display: flex; gap: 10px; background: #141414; }
        .chat-input-area textarea { flex: 1; background: #0a0a0a; border: 1px solid #222; color: #eee; padding: 12px; border-radius: 6px; resize: none; height: 50px; }
        .chat-input-area button { background: #f39c12; border: none; padding: 0 20px; font-weight: bold; border-radius: 6px; cursor: pointer; color: #000; }
        .conv-talker-badge { background: transparent; padding: 0; border-radius: 0; border: 0; display: inline-block; margin-top: 0; box-shadow: none; }
        .conv-talker-name { color: #f39c12; font-weight: 800; font-size: 6px; text-transform: uppercase; letter-spacing: 0.2px; min-width:0; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }
        .conv-date-small { color: #7d7d7d; font-size: 10px; font-weight: 700; flex: 0 0 auto; white-space: nowrap; margin-left: 0; }
        .friend-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; padding: 10px; background: #1a1a1a; border-radius: 6px; border: 1px solid #222; }
        .status-dot { width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; display: inline-block; }
        .online { background: #27ae60; } .offline { background: #c0392b; }
        .friend-actions { display: flex; align-items: center; gap: 10px; }
        .friend-btn-mail { background:none; border:none; color:#f39c12; cursor:pointer; font-size: 16px; width:16px; height:16px; display:inline-flex; align-items:center; justify-content:center; line-height:1; padding:0; }
        .friend-btn-del { display:inline-flex; align-items:center; justify-content:center; width:16px; height:16px; border-radius:5px; border:1px solid rgba(231,76,60,.35); background:rgba(231,76,60,.08); color:#ff8a80; text-decoration:none; font-weight:900; font-size:12px; line-height:1; cursor:pointer; padding:0; transition:background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease; }
        .friend-btn-del:hover { background: rgba(231,76,60,.18); border-color: rgba(231,76,60,.6); color:#ffd4cf; transform: scale(1.03); }
        .modal { display:none; position:fixed; z-index:1001; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9); }
        .modal-content { background:#141414; margin:10% auto; padding:30px; border:1px solid #333; width:400px; border-radius:8px; }
        .search-results { position: absolute; top: 40px; left: 0; width: 100%; background: #1a1a1a; border: 1px solid #333; z-index: 100; display: none; }
        .search-item { padding: 8px; cursor: pointer; border-bottom: 1px solid #222; font-size: 11px; }

/* ===== wiadomosci.php (PMX - bez inline) ===== */
.pmx-topspace{ margin-top:20px; }
.pmx-errorbox{ background:#2a1212; border:1px solid #5a1a1a; color:#ffb3b3; padding:12px 14px; border-radius:8px; }

.pmx-newconv-bar{ padding:15px; border-bottom:1px solid #222; }
.pmx-newconv-btn{ width:100%; background:#222; border:1px solid #333; padding:10px; font-weight:bold; border-radius:4px; color:#f39c12; cursor:pointer; }

.pmx-conv-text{ flex:1; min-width:0; overflow:hidden; display:flex; flex-direction:column; justify-content:center; gap:4px; }
.pmx-conv-subject{ font-size:13px; font-weight:800; color:#f1f1f1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.2; }
.pmx-conv-badgewrap{ position:static; text-align:left; }
.pmx-conv-meta-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;}
.pmx-conv-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;}
.pmx-conv-meta{display:flex;align-items:center;gap:8px;min-width:0;flex:1;}
.pmx-conv-unread{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 7px;border-radius:999px;background:#d11;color:#fff;font-size:11px;font-weight:900;box-shadow:0 4px 10px rgba(0,0,0,.28);flex:0 0 auto;}

.pmx-subject-display{ color:#eee; font-weight:bold; font-size:14px; flex:1; }
.pmx-subject-edit-form{ display:none; flex:1; align-items:center; gap:5px; }
.pmx-subject-input{ background:#0a0a0a; border:1px solid #333; color:#fff; padding:5px 10px; border-radius:4px; font-size:13px; width:200px; }

.pmx-header-btns{ display:flex; gap:8px; }
.pmx-btn-xs{ font-size:10px; padding:5px 10px; border-radius:4px; font-weight:bold; cursor:pointer; }
.pmx-btn-outline{ background:none; }
.pmx-btn-outline--gold{ border:1px solid #f39c12; color:#f39c12; }
.pmx-btn-outline--red{ border:1px solid #c0392b; color:#e74c3c; }

.pmx-inline-form{ display:inline; margin:0; }
.pmx-linklike{ background:none; border:none; color:#f39c12; font-weight:bold; cursor:pointer; padding:0; }
.pmx-del-close{ margin-left:15px; cursor:pointer; }
.pmx-action-btn{ background:none; border:none; color:inherit; cursor:pointer; padding:0; font:inherit; }
.pmx-hidden{ display:none !important; }

.pmx-text--deleted{ font-style:italic; opacity:0.65; }
.pmx-empty-chat{ flex:1; display:flex; align-items:center; justify-content:center; color:#444; }

.pmx-friends-title{ color:#f39c12; font-size:10px; font-weight:bold; margin-bottom:10px; }
.pmx-friends-subtitle{ color:#555; font-size:10px; font-weight:bold; margin-bottom:10px; }
.pmx-rel-form{ position:relative; }

.pmx-input{ width:100%; background:#0a0a0a; color:#fff; border-radius:4px; box-sizing:border-box; }
.pmx-friend-input{ border:1px solid #222; padding:8px; font-size:11px; }
.pmx-friend-submit{ width:100%; margin-top:5px; background:#222; color:#f39c12; border:1px solid #333; padding:8px; border-radius:4px; cursor:pointer; font-size:10px; }
.pmx-divider{ height:1px; background:#222; margin:15px 0; }

.pmx-invite-name{ font-size:11px; color:#eee; }
.pmx-invite-btn{ background:none; border:none; text-decoration:none; font-weight:bold; cursor:pointer; padding:0; }
.pmx-invite-btn--accept{ color:#27ae60; margin-right:5px; }
.pmx-invite-btn--reject{ color:#c0392b; }

.pmx-friend-namewrap{ display:flex; align-items:center; }
.pmx-friend-name{ font-size:12px; color:#bbb; max-width:145px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.pmx-modal-title{ color:#f39c12; margin-bottom:15px; font-size:14px; }
.pmx-modal-input{ border:1px solid #333; padding:10px; margin-bottom:10px; }
.pmx-modal-submit{ width:100%; background:#f39c12; border:none; padding:12px; font-weight:bold; border-radius:4px; cursor:pointer; color:#000; }
.pmx-modal-cancel{ width:100%; background:none; border:none; color:#555; margin-top:10px; cursor:pointer; }

/* Izolowane style prywatnych wiadomości (przeniesione z wiadomosci.php) */
.pmx-row{display:flex;width:100%;margin:0 0 10px 0;}
.pmx-row.me{justify-content:flex-end;}
.pmx-row.other{justify-content:flex-start;}
.pmx-bubble{
    width:80%;
    min-width:80%;
    max-width:80%;
    box-sizing:border-box;
    background:#f0a318;
    color:#111;
    border-radius:14px;
    padding:10px 12px 12px;
    display:flex;
    flex-direction:column;
    gap:6px;
    text-align:left;
    position:relative;
    overflow-wrap:anywhere;
    word-break:break-word;
    box-shadow:none;
}
.pmx-row.other .pmx-bubble{
    background:#151515;
    color:#ddd;
    border:1px solid #242424;
}
/* Odsuń pierwszy dymek niżej, żeby menu akcji nie chowało się pod górną belką */
.chat-messages .pmx-row:first-child{margin-top:22px;}
.pmx-meta{
    width:100%;
    text-align:right !important;
    font-size:11px;
    line-height:1.15;
    color:rgba(0,0,0,.85);
    font-weight:700;
    margin:0;
    padding:0;
    order:0;
}
.pmx-row.other .pmx-meta{ color:#999; font-weight:600; }
.pmx-text{
    width:100%;
    display:block;
    text-align:left !important;
    font-size:12px;
    line-height:1.45;
    margin:0;
    padding:0;
    white-space:normal;
    word-break:break-word;
    overflow-wrap:anywhere;
    color:inherit;
    order:1;
}
.pmx-text, .pmx-text *{
    text-align:left !important;
    margin:0 !important;
    padding:0 !important;
}
.pmx-text p, .pmx-text div, .pmx-text span{display:inline;}
.pmx-edited{font-size:10px;opacity:.7;}
/* Przyciski akcji wiadomości (Edytuj / Usuń) */
.pmx-actions{
    display:flex;
    position:absolute;
    top:-16px;
    background:#252525;
    padding:4px 10px;
    border-radius:6px;
    gap:12px;
    z-index:30;
    border:1px solid #444;
    box-shadow:0 4px 10px rgba(0,0,0,.5);
    margin:0;
    align-items:center;
    white-space:nowrap;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .12s ease;
}
/* Mostek hover nad dymkiem */
.pmx-bubble::before{
    content:'';
    position:absolute;
    top:-20px;
    left:0;
    right:0;
    height:22px;
    background:transparent;
    z-index:5;
}
.pmx-bubble:hover .pmx-actions,
.pmx-bubble:focus-within .pmx-actions,
.pmx-actions:hover{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}
.pmx-row.me .pmx-actions{right:0; left:auto;}
.pmx-row.other .pmx-actions{left:0; right:auto;}
.pmx-actions a{
    text-decoration:none;
    font-size:10px;
    font-weight:bold;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:4px;
}
.pmx-row.me .pmx-actions a{color:#111;}
.pmx-row.other .pmx-actions a{color:#ddd;}
@media (max-width: 900px){
    .pmx-bubble{width:92%;min-width:92%;max-width:92%;}
}



/* Server chat widget */
/* Wymuś łamanie nawet bardzo długich "ciągów" (nicki/linki/losowe znaki) */
#serverChatLog, #serverChatLog *{ white-space:pre-wrap; overflow-wrap:anywhere; word-break:break-all; }
#serverChatLog .chat-line{margin:2px 0;}


/* ===== header.php (wyciągnięte style inline) ===== */
.logo-link{ text-decoration:none; color:inherit; display:flex; align-items:center; }
.logo-text{ font-size:22px; font-weight:bold; color:#f39c12; }
.hurts-pill{ margin-left:10px; padding:6px 10px; border:1px solid #333; border-radius:999px; background:#161616; color:#f39c12; font-weight:800; font-size:12px; }
.nav-link.admin-link{ color:#e74c3c; font-weight:bold; }
.nav-link.logout-link{ color:#888; }
.nav-link-with-badge{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;}
.nav-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 7px;border-radius:999px;background:#d11;color:#fff;font-size:11px;font-weight:900;line-height:1;box-shadow:0 4px 12px rgba(0,0,0,.28);}

/* ===== serwer.php (wyciągnięte style inline) ===== */
.server-details-box{ background:#1e1e1e; border:1px solid #333; border-radius:12px; padding:30px; margin-top:20px; }
.server-details-flex{ display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:20px; }
.server-tech{ flex:1; min-width:300px; }
.server-tech-title{ color:#f39c12; margin-bottom:15px; text-transform:uppercase; font-size:18px; }
.server-tech-line{ font-size:16px; margin-bottom:8px; color:#888; }
.server-tech-line b{ color:#fff; }
.server-player-online{ color:#2ecc71; }
.server-player-offline{ color:#e74c3c; }
.server-drop{ color:#f1c40f; }
.server-chat-panel{ flex:1; min-width:300px; background:#121212; padding:14px; border-radius:8px; border-left:4px solid #f39c12; }
.server-chat-log{ height:240px; overflow:auto; background:#050505; border:1px solid #222; border-radius:8px; padding:12px; font-family:Consolas, monospace; font-size:13px; line-height:1.5; color:#ddd; white-space:pre-wrap; overflow-wrap:anywhere; word-break:break-all; }
.server-chat-login{ color:#777; font-size:13px; line-height:1.6; }
.server-dev-status{ background:#121212; padding:20px; border-radius:8px; border-left:4px solid #f39c12; margin-top:18px; }
.server-dev-status h3{ color:#eee; font-size:14px; margin-bottom:10px; }
.server-dev-status p{ color:#777; font-style:italic; font-size:13px; line-height:1.6; }
.server-action-row{ display:flex; gap:15px; margin-top:40px; }
.server-action-row .news-btn{ flex:1; text-decoration:none; display:flex; align-items:center; justify-content:center; gap:10px; }
.server-action-row .news-btn.secondary{ background:#333; color:#fff; }

/* ===== serwery.php (wyciągnięte style inline) ===== */
.server-card{ min-height:auto; padding-bottom:20px; height:auto; }
.server-card-header{ background:#1a1a1a; height:100px; display:flex; align-items:center; justify-content:center; border-bottom:1px solid #333; position:relative; }
.server-title-centered{ text-align:center; }
.server-detail-centered{ text-align:center; }
.server-status-box{ margin:15px 0; padding:15px; background:#121212; border-radius:6px; text-align:center; border:1px solid #222; }
.server-status-small{ color:#555; text-transform:uppercase; font-size:10px; font-weight:bold; }

/* ===== sklep.php / itemshop_server.php (komunikaty) ===== */
.flash-ok{ background:#163a1e; border:1px solid #1f6a2a; padding:12px; border-radius:8px; margin-top:12px; color:#b9f6ca; }
.flash-err{ background:#3a1616; border:1px solid #6a1f1f; padding:12px; border-radius:8px; margin-top:12px; color:#ffbdbd; }



/* Forum (test) */
.forum-header{
    text-align: center;
    margin-bottom: 30px;
}
.forum-title{
    color: #f39c12;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.forum-desc{
    color: #bdbdbd;
    font-size: 16px;
}
.forum-post{
    background: #1f1f1f;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.forum-post-title{
    color: #f39c12;
    margin: 0 0 10px 0;
}
.forum-post-meta{
    color: #ccc;
    font-size: 14px;
    margin: 0 0 10px 0;
}
.forum-post-body{
    color: #bdbdbd;
    margin: 0;
}

/* ===== SERWERY: dodatkowe linki pod kafelkiem ===== */
.server-links{
    display:flex;
    flex-direction:column;
    gap:8px;
    width:100%;
    flex:1;
}
.server-links .news-btn{
    margin-top:0 !important;
    width:100%;
    display:block;
    box-sizing:border-box;
    text-align:center;

    /* ciaśniejsze buttony na liście serwerów */
    padding: 8px 10px;
    border-radius: 7px;
    font-size: 12px;
    line-height: 1.15;

    text-transform:none;
    letter-spacing:0;
}

/* ===== HOME: widgety (czat/klany) ===== */
.home-widgets{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:18px;
    margin-top:26px;
}
@media (max-width: 900px){
    .home-widgets{ grid-template-columns: 1fr; }
}
.home-widget{
    background:#101010;
    border:1px solid #222;
    border-radius:10px;
    padding:16px;
}
.home-widget-title{
    font-weight:900;
    letter-spacing:0.6px;
    text-transform:uppercase;
    margin-bottom:10px;
}
.home-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}
.home-list-item{
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:10px 12px;
    border:1px solid #222;
    background:#141414;
    border-radius:8px;
    color:#ddd;
    font-size:12px;
}
.home-list-item .muted{ color:#888; font-size:12px; }
.home-chat-box{
    border:1px solid #222;
    background:#0f0f0f;
    border-radius:10px;
    padding:12px;
    height:320px;
    overflow:auto;
    font-size:12px;
    line-height:1.35; white-space:pre-wrap; overflow-wrap:anywhere; word-break:break-all;
}


/* ===== ADMIN: chat (łamanie długich słów) ===== */
#chatBox{
    white-space:pre-wrap;
    overflow-wrap:anywhere;
    word-break:break-all;
}
#chatBox .chat-line{
    overflow-wrap:anywhere;
    word-break:break-all;
}


/* W kartach serwerów nie używamy flex-row na kontenerze przycisków, bo zawęża szerokość */
.server-card .news-actions{ display:block; }


/* ===== SKRZYNKI ===== */
.crates-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:16px;
    margin: 10px 0 18px;
    flex-wrap:wrap;
}
.crates-sub{
    color:#888;
    font-size:12px;
}
.crates-sub b{ color:#ddd; }
.crates-balance{
    color:#bbb;
    font-size:12px;
    background:#101010;
    border:1px solid #222;
    border-radius:10px;
    padding:10px 14px;
}
.crates-grid{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap:16px;
}
.crate-card{
    background:#121212;
    border:1px solid #222;
    border-radius:12px;
    overflow:hidden;
}
.crate-toggle{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    padding:14px 14px;
    background:#0f0f0f;
    border:0;
    border-bottom:1px solid #1f1f1f;
    color:#eee;
    cursor:pointer;
    text-align:left;
}
.crate-title{
    font-weight:900;
    letter-spacing:.4px;
    text-transform:uppercase;
    color:#f39c12;
    font-size:12px;
}
.crate-price{
    margin-left:auto;
    color:#ddd;
    font-weight:800;
    font-size:12px;
}
.crate-arrow{
    color:#777;
    font-size:16px;
    transition:.18s transform ease;
}
.crate-card.open .crate-arrow{ transform: rotate(180deg); }
.crate-body{ padding:14px; }
.crate-main{ display:flex; gap:14px; align-items:center; }
.crate-img{
    width:92px; height:92px;
    border-radius:12px;
    border:1px solid #222;
    background:#0b0b0b;
    display:flex; align-items:center; justify-content:center;
    overflow:hidden;
    flex:0 0 auto;
}
.crate-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.crate-actions{ flex:1; display:flex; flex-direction:column; gap:8px; }
.crate-open{ width:100%; }
.crate-open[disabled]{ opacity:.5; cursor:not-allowed; }
.crate-hint{ color:#777; font-size:12px; line-height:1.35; }

.crate-drops{
    margin-top:14px;
    padding-top:14px;
    border-top:1px solid #1f1f1f;
}
.crate-empty{ color:#777; font-size:13px; padding:10px 0; }
.crate-drop-grid{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap:10px;
}
.crate-drop{
    display:flex;
    gap:10px;
    align-items:center;
    padding:10px;
    border-radius:10px;
    border:1px solid #222;
    background:#0f0f0f;
}
.crate-drop-thumb{
    width:46px; height:46px;
    border-radius:10px;
    border:1px solid #222;
    background:#0b0b0b;
    display:flex; align-items:center; justify-content:center;
    overflow:hidden;
    flex:0 0 auto;
}
.crate-drop-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.crate-drop-placeholder{
    font-weight:900;
    color:#555;
}
.crate-drop-name{ color:#ddd; font-size:12px; font-weight:800; line-height:1.2; }
.crate-drop-chance{ color:#888; font-size:11px; margin-top:2px; }

/* Modal animacji */
.crate-modal{
    position:fixed;
    left:0; top:0;
    width:100%; height:100%;
    background:rgba(0,0,0,.86);
    z-index:2000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
}
.crate-modal-inner{
    width:min(860px, 100%);
    background:#0f0f0f;
    border:1px solid #222;
    border-radius:14px;
    padding:18px;
}
.crate-modal-title{
    color:#f39c12;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.6px;
    margin-bottom:10px;
}
.crate-modal-sub{
    color:#777;
    font-size:12px;
    margin-top:10px;
}

/* Roller */
.crate-roller{
    position:relative;
    border:1px solid #222;
    background:#080808;
    border-radius:12px;
    overflow:hidden;
    padding:14px 0;
}
.crate-roller-window{
    overflow:hidden;
}
.crate-roller-track{
    display:flex;
    gap:10px;
    padding: 0 20px;
    will-change: transform;
}
.crate-roller-marker{
    position:absolute;
    top:10px; bottom:10px;
    width:2px;
    left:50%;
    transform:translateX(-50%);
    background: linear-gradient(#f1c40f, #f39c12);
    box-shadow: 0 0 18px rgba(243,156,18,.35);
    pointer-events:none;
}
.crate-roll-item{
    width:110px;
    flex:0 0 auto;
    border-radius:12px;
    border:1px solid #222;
    background:#0f0f0f;
    overflow:hidden;
    padding:10px 10px 8px;
    text-align:center;
}
.crate-roll-item img{
    width:70px; height:70px;
    border-radius:10px;
    border:1px solid #222;
    background:#0b0b0b;
    object-fit:cover;
    display:block;
    margin:0 auto 8px;
}
.crate-roll-name{
    color:#ddd;
    font-weight:800;
    font-size:11px;
    line-height:1.15;
    min-height: 26px;
}


/* ===== FIX PACK: skrzynki / wiadomości / serverbar ===== */
.tile-mini-links{display:flex; gap:6px; margin-top:6px;}
.tile-mini-links .tile-mini-link{flex:1; margin-top:0;}

.server-links .news-btn{ padding:7px 10px; font-size:12px; line-height:1.05; }

.messenger-wrapper{ height:min(76vh,760px); min-height:620px; }
.chat-window{ min-width:0; }
.chat-window, .chat-messages{ min-height:0; }
.chat-messages{ gap:10px; padding:16px; align-content:flex-start; }
.msg-row{ display:flex; align-items:flex-start !important; flex:0 0 auto; min-height:0; }
.msg-row.me{ justify-content:flex-end; }
.msg-row.other{ justify-content:flex-start; }
.bubble{ display:inline-block; width:auto !important; height:auto !important; min-height:0 !important; max-width:min(78%,720px); min-width:80px; padding:12px 14px 26px 14px; vertical-align:top; }
.bubble #msg-text, .bubble [id^="msg-text-"]{ display:block; white-space:pre-wrap; word-break:break-word; }
.msg-edit-textarea{ min-height:160px; max-height:520px; }
.chat-input-area{ position:sticky; bottom:0; z-index:2; }
.chat-input-area textarea{ height:44px; min-height:44px; max-height:140px; }
@media (max-width:1100px){
  .messenger-wrapper{ grid-template-columns:260px 1fr; }
  .friends-list-panel{ display:none; }
}
@media (max-width:900px){
  .messenger-wrapper{ grid-template-columns:1fr; height:auto; min-height:0; }
  .conversations-sidebar{ display:none; }
  .chat-window{ min-height:70vh; }
}

.crate-drop-thumb img, .crate-roll-item img, .crate-img img{ object-fit:fill; }
.crate-open-controls{ margin-top:8px; display:flex; align-items:center; justify-content:center; gap:8px; }
.crate-open-controls label{ color:#888; font-size:12px; font-weight:700; }
.crate-open-controls select{ background:#101010; color:#fff; border:1px solid #333; border-radius:8px; padding:6px 8px; font-weight:700; }
.crate-roll-rows{ display:flex; flex-direction:column; gap:10px; }
.crate-roll-row{ display:flex; flex-direction:column; gap:6px; }
.crate-roll-row-label{ color:#777; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; }
.crate-roll-row .crate-roller{ margin:0; }


/* Wiadomości - kompaktowe dymki (hotfix) */
.chat-messages > .msg-row{ margin:0 !important; }
.bubble-footer{ position:static !important; display:block; margin-top:8px; text-align:right; }
.bubble{ padding-bottom:10px !important; }
.msg-actions{ top:-30px; }



/* ===== FINAL HOTFIX: wiadomości + skrzynki (kompakt/okno wyników) ===== */

/* Wiadomości: dymek dopasowany do treści (bez wielkich pustych pól) */
#chatBox.chat-messages{ display:flex; flex-direction:column; align-items:stretch; }
#chatBox .msg-row{ display:flex; width:100%; align-items:flex-start !important; }
#chatBox .msg-row .bubble{
    display:inline-flex !important;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    flex:0 0 auto !important;
    width:auto !important;
    max-width:min(72%, 760px) !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    padding:10px 12px !important;
    box-sizing:border-box;
}
#chatBox .msg-row.me .bubble{ margin-left:auto; }
#chatBox .msg-row.other .bubble{ margin-right:auto; }
#chatBox .bubble [id^="msg-text-"]{
    display:block !important;
    width:auto !important;
    max-width:100%;
    white-space:pre-wrap;
    word-break:break-word;
    overflow-wrap:anywhere;
    line-height:1.35;
}
#chatBox .bubble-footer{
    position:static !important;
    margin-top:6px !important;
    align-self:flex-end;
    text-align:right;
    font-size:10px;
    opacity:.7;
}
#chatBox .msg-actions{ top:-28px; }

/* Skrzynki: okno losowania przewijalne + tryb kompaktowy dla 10x */
.crate-modal{ overflow:auto; }
.crate-modal-inner{ max-height:min(88vh, 900px); overflow:auto; position:relative; }
.crate-modal.compact-mode .crate-modal-inner{ width:min(980px, 100%); padding:12px; }
.crate-modal.compact-mode .crate-roll-rows{ gap:6px; }
.crate-modal.compact-mode .crate-roll-row{ gap:4px; }
.crate-modal.compact-mode .crate-roll-row-label{ font-size:10px; }
.crate-modal.compact-mode .crate-roller{
    border-radius:10px;
    padding:6px 0;
}
.crate-modal.compact-mode .crate-roller-marker{
    top:6px; bottom:6px;
}
.crate-modal.compact-mode .crate-roller-track{
    gap:6px;
    padding:0 12px;
}
.crate-modal.compact-mode .crate-roll-item{
    width:56px;
    padding:5px 4px 4px;
    border-radius:8px;
}
.crate-modal.compact-mode .crate-roll-item img{
    width:32px; height:32px;
    margin:0 auto 4px;
    border-radius:6px;
}
.crate-modal.compact-mode .crate-roll-name{
    font-size:8px;
    line-height:1.05;
    min-height:16px;
}

/* Okno wyników skrzynek (po losowaniu) */
.crate-results-inner{ width:min(760px, 100%); }
.crate-results-close{
    position:absolute;
    top:10px; right:10px;
    width:32px; height:32px;
    border-radius:8px;
    border:1px solid #333;
    background:#161616;
    color:#ddd;
    font-size:22px;
    line-height:1;
    cursor:pointer;
}
.crate-results-close:hover{ border-color:#f39c12; color:#f39c12; }
.crate-results-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
    gap:10px;
    margin-top:8px;
}
.crate-result-card{
    display:flex;
    gap:10px;
    align-items:center;
    padding:10px;
    border:1px solid #222;
    border-radius:10px;
    background:#121212;
}
.crate-result-thumb{
    width:54px; height:54px;
    border-radius:10px;
    border:1px solid #222;
    background:#0b0b0b;
    overflow:hidden;
    display:flex; align-items:center; justify-content:center;
    flex:0 0 auto;
}
.crate-result-thumb img{ width:100%; height:100%; object-fit:fill; display:block; }
.crate-result-meta{ min-width:0; }
.crate-result-name{
    color:#eee;
    font-weight:800;
    font-size:12px;
    line-height:1.2;
    overflow-wrap:anywhere;
}
.crate-result-sub{
    margin-top:4px;
    color:#777;
    font-size:11px;
}


/* ===== FINAL HOTFIX 2: loading modal + 10x grid ===== */
.crate-modal{
    align-items:flex-start;
    overflow:auto;
    padding:10px 16px;
}
.crate-modal-inner{
    margin:0 auto;
    max-height:calc(100vh - 20px);
}
.crate-modal.loading-state .crate-modal-inner,
.crate-modal.compact-mode .crate-modal-inner{
    width:min(1320px, 100%);
}
.crate-modal.loading-state .crate-roll-rows{
    display:block;
    min-height:320px;
}
.crate-roll-loading{
    min-height:300px;
    border:1px solid #222;
    border-radius:12px;
    background:#080808;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    grid-column:1 / -1;
}
.crate-roll-loading-text{
    color:#888;
    font-size:12px;
    font-weight:700;
    letter-spacing:.3px;
}
.crate-modal.compact-mode .crate-roll-rows.ten-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px 10px;
    align-items:start;
}
.crate-modal.compact-mode .crate-roll-rows.ten-grid .crate-roll-row{
    min-width:0;
}
.crate-modal.compact-mode .crate-roll-rows.ten-grid .crate-roll-row .crate-roller{
    padding:5px 0;
}
.crate-modal.compact-mode .crate-roll-rows.ten-grid .crate-roll-row .crate-roller-track{
    gap:4px;
    padding:0 10px;
}
.crate-modal.compact-mode .crate-roll-rows.ten-grid .crate-roll-row .crate-roll-item{
    width:44px;
    padding:4px 3px 3px;
    border-radius:7px;
}
.crate-modal.compact-mode .crate-roll-rows.ten-grid .crate-roll-row .crate-roll-item img{
    width:24px;
    height:24px;
    margin:0 auto 3px;
    border-radius:5px;
}
.crate-modal.compact-mode .crate-roll-rows.ten-grid .crate-roll-row .crate-roll-name{
    font-size:7px;
    min-height:12px;
}
@media (max-width: 1100px){
  .crate-modal.compact-mode .crate-roll-rows.ten-grid{ grid-template-columns:1fr; }
}

/* ===== HOTFIX 7: itemshop spacing + wiadomości + skrzynki marker/perf ===== */

/* Wiadomości – mniejsze dymki i tekst zawsze od lewej */
#chatBox .msg-row .bubble{
    width:fit-content !important;
    max-width:min(60%, 620px) !important;
    min-width:0 !important;
    padding:8px 10px !important;
    border-radius:14px;
}
#chatBox .bubble [id^="msg-text-"]{
    width:100% !important;
    text-align:left !important;
    align-self:flex-start !important;
}
#chatBox .bubble-footer{ margin-top:4px !important; font-size:9px; }
@media (max-width: 1200px){
  #chatBox .msg-row .bubble{ max-width:min(72%, 560px) !important; }
}

/* Skrzynki – bardziej widoczny znacznik nad wygraną */
.crate-roller-marker{
    width:3px;
    background:linear-gradient(#ffd34d, #f39c12);
    box-shadow:0 0 22px rgba(243,156,18,.55);
}
.crate-roller-marker::before{
    content:'';
    position:absolute;
    top:-1px;
    left:50%;
    transform:translateX(-50%);
    width:48px;
    height:3px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(243,156,18,0), #f39c12, rgba(243,156,18,0));
    box-shadow:0 0 12px rgba(243,156,18,.45);
}
.crate-roll-item.is-winning{
    border-color:#f39c12;
    box-shadow:0 0 0 1px rgba(243,156,18,.18) inset, 0 0 18px rgba(243,156,18,.22);
    position:relative;
}
.crate-roll-item.is-winning::before{
    content:'';
    position:absolute;
    top:0; left:8px; right:8px;
    height:2px;
    border-radius:999px;
    background:#f39c12;
    box-shadow:0 0 10px rgba(243,156,18,.7);
}

/* 10x losowanie – wymuś siatkę 2 kolumn i mniejsze wiersze, by nie ucinało */
.crate-modal.compact-mode .crate-modal-inner{
    width:min(1200px, 100%) !important;
    max-height:calc(100vh - 12px) !important;
}
.crate-modal.compact-mode .crate-roll-rows.ten-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:6px 10px !important;
}
.crate-modal.compact-mode .crate-roll-rows.ten-grid .crate-roll-row-label{
    font-size:9px;
    margin-bottom:2px;
}
.crate-modal.compact-mode .crate-roll-rows.ten-grid .crate-roll-row .crate-roller{
    padding:4px 0 !important;
}
.crate-modal.compact-mode .crate-roll-rows.ten-grid .crate-roll-row .crate-roll-item{
    width:40px !important;
    padding:3px 2px 2px !important;
}
.crate-modal.compact-mode .crate-roll-rows.ten-grid .crate-roll-row .crate-roll-item img{
    width:20px !important;
    height:20px !important;
    margin:0 auto 2px !important;
}
.crate-modal.compact-mode .crate-roll-rows.ten-grid .crate-roll-row .crate-roll-name{
    font-size:6px !important;
    min-height:10px !important;
}
/* tylko na naprawdę małych szerokościach przejdź na 1 kolumnę */
@media (max-width: 760px){
  .crate-modal.compact-mode .crate-roll-rows.ten-grid{ grid-template-columns:1fr !important; }
}


/* News form textarea should match title input dark background */
.form-box textarea[name="tresc"]{
  background:#121212 !important;
  border:1px solid #444 !important;
  color:#fff !important;
}

/* ===== serwer.php (layout + 24h chart + TOP 1/3/7) ===== */
.server-details-flex{
    align-items:stretch;
}
.server-tech{
    flex:1;
    min-width:300px;
    min-height:272px;
    padding-top:14px; /* start treści równo z wnętrzem czatu */
    padding-bottom:14px;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
}
.server-tech-main{ display:block; }
.server-tech-divider{
    margin:12px 0 10px;
    height:1px;
    background:linear-gradient(90deg, rgba(243,156,18,.85), rgba(255,255,255,.08));
}
.server-tech-tops{ margin-top:auto; }
.server-top-row{
    margin-bottom:6px;
    line-height:1.35;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.server-top-row b{
    display:inline-block;
    max-width:72%;
    vertical-align:bottom;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.server-activity-box{
    margin-top:18px;
    padding:14px 16px 12px;
    border-left:4px solid #f39c12;
}
.server-activity-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:8px;
    flex-wrap:wrap;
}
.server-activity-box h3{
    color:#eee;
    font-size:14px;
    margin:0;
    font-weight:700;
}
.server-activity-legend{
    color:#bdbdbd;
    font-size:12px;
    display:flex;
    align-items:center;
    gap:6px;
}
.server-activity-legend-line{
    width:18px;
    height:2px;
    background:#4a76d1;
    display:inline-block;
    border-radius:999px;
}
.server-activity-canvas-wrap{
    width:100%;
    background:#d9d9d9;
    border:1px solid #bcbcbc;
    border-radius:3px;
    overflow:hidden;
    padding:0;
}
.server-activity-canvas{
    display:block;
    width:100%;
    height:170px;
    background:#dedede;
}
.server-activity-foot{
    margin-top:8px;
    color:#777;
    font-size:12px;
}

@media (max-width: 860px){
    .server-tech{
        min-height:auto;
        padding-top:0;
        padding-bottom:0;
    }
    .server-tech-tops{ margin-top:10px; }
    .server-top-row b{ max-width:100%; }
}

/* ===== ITEMSHOP: kompaktowe kwadratowe karty (5 w rzędzie) ===== */
.itemshop-layout-container{
    max-width: 1480px;
}
.itemshop-square-grid{
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    gap:12px !important;
    align-items:stretch;
    margin-top:0 !important;
}
.itemshop-square-grid > .news-card,
.itemshop-square-card{
    aspect-ratio:auto;
    min-height:320px !important;
    height:auto !important;
    padding-bottom:0 !important;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border-radius:14px;
    border:1px solid #222;
    background:linear-gradient(180deg, #131313 0%, #101010 100%);
    box-shadow:0 10px 22px rgba(0,0,0,.18);
}
.itemshop-square-grid > .news-card > .news-media,
.itemshop-square-media{
    height:72px !important;
    min-height:72px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:8px;
    background:#0b0b0b;
    border-bottom:1px solid #1f1f1f;
}
.itemshop-square-grid > .news-card > .news-media img,
.itemshop-square-media img{
    width:60px;
    height:60px;
    object-fit:cover !important;
    border-radius:10px;
    border:1px solid #2b2b2b;
    background:#080808;
    display:block;
    margin:0 auto;
}
.itemshop-square-placeholder{
    width:60px;
    height:60px;
    border-radius:10px;
    border:1px dashed #2e2e2e;
    background:#101010;
    color:#555;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    line-height:1;
}
.itemshop-square-grid > .news-card > .news-content,
.itemshop-square-content{
    display:flex !important;
    flex-direction:column;
    justify-content:flex-start !important;
    gap:4px;
    flex:1 1 auto;
    min-height:0;
    padding:8px 9px 9px !important;
}
.itemshop-square-grid .news-title,
.itemshop-square-title{
    margin-top:0 !important;
    color:#f39c12;
    font-size:14px;
    line-height:1.12;
    font-weight:900;
    min-height:18px;
    max-height:31px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.itemshop-square-grid .news-excerpt{
    margin-top:0 !important;
    color:#9f9f9f !important;
    font-size:11px;
    line-height:1.2;
}
.itemshop-desc-inline{ min-height:0; }
.itemshop-desc-clamp.is-clamped{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.itemshop-desc-more{
    margin-top:4px;
    border:0;
    background:transparent;
    color:#f39c12;
    cursor:pointer;
    font-size:10px;
    font-weight:800;
    padding:0;
    text-align:left;
}
.itemshop-desc-more:hover{ text-decoration:underline; }

.itemshop-square-grid .itemshop-desc-inline .itemshop-desc-clamp{
    margin-bottom:0;
}
.itemshop-square-grid .itemshop-desc-inline .itemshop-desc-more{
    margin-top:2px;
}
.itemshop-square-grid .itemshop-buy-form{
    gap:5px;
}

.itemshop-card-buy-wrap{
    margin-top:auto !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:5px !important;
    min-width:0;
}
.itemshop-square-grid .itemshop-card-price{
    font-size:12px;
    line-height:1.1;
    white-space:nowrap;
}
.itemshop-square-grid .itemshop-buy-form,
.itemshop-square-grid form.itemshop-buy-form{
    margin:0 !important;
    width:100% !important;
    min-width:0 !important;
    display:flex;
    flex-direction:column;
    gap:5px;
}
.itemshop-square-grid .itemshop-buy-form select{
    width:100% !important;
    padding:6px 8px !important;
    border-radius:8px !important;
    font-size:12px !important;
}
.itemshop-square-grid .itemshop-buy-form > button.news-btn,
.itemshop-square-grid .itemshop-buy-btn{
    width:100% !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:6px;
    text-align:center;
    border-radius:8px !important;
    padding:9px 10px !important;
    min-height:40px;
    font-size:12px;
    line-height:1.1;
    text-transform:uppercase;
    letter-spacing:.2px;
}
.itemshop-square-grid .itemshop-buy-form > button.news-btn::before,
.itemshop-square-grid .itemshop-buy-btn::before{
    content:'🛒';
    font-size:12px;
    line-height:1;
}
.itemshop-square-grid .itemshop-buy-form > button.news-btn[data-ready-label="Odbierz"]::before,
.itemshop-square-grid .itemshop-buy-btn[data-ready-label="Odbierz"]::before{
    content:'📦';
}
.itemshop-square-grid .rank-picker-cooldown-btn span{ text-align:center; }
.itemshop-square-grid .itemshop-card-hint{
    margin-top:0 !important;
    max-width:none !important;
    font-size:11px !important;
    line-height:1.2;
    color:#777 !important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.itemshop-square-grid .itemshop-qty-wrap{
    margin-bottom:0 !important;
    padding:6px !important;
    border-radius:10px !important;
    background:#151515 !important;
}
.itemshop-square-grid .itemshop-qty-wrap label{
    margin-bottom:5px !important;
    font-size:11px !important;
}
.itemshop-square-grid .itemshop-qty-dec,
.itemshop-square-grid .itemshop-qty-inc{
    width:28px !important;
    height:28px !important;
    border-radius:8px !important;
    font-size:16px !important;
}
.itemshop-square-grid .itemshop-item-qty{
    padding:5px 6px !important;
    border-radius:8px !important;
    font-size:12px !important;
    min-width:0;
}
.itemshop-square-grid .itemshop-qty-wrap .itemshop-total-price{ font-size:14px; }
.itemshop-square-grid .itemshop-qty-wrap > div:last-child{
    gap:8px !important;
    margin-top:6px !important;
}
.itemshop-square-grid .itemshop-qty-wrap > div:last-child > div:first-child{ font-size:10px !important; }
.itemshop-square-grid .itemshop-qty-wrap > div:last-child > div:last-child{
    font-size:13px !important;
    line-height:1.1;
    text-align:right;
}
.itemshop-square-grid .itemshop-buy-form > div[style*="margin-bottom:8px"]{ margin-bottom:0 !important; }
.itemshop-square-grid .itemshop-buy-form > div div[style*="font-size:13px; color:#888"]{
    font-size:11px !important;
    white-space:normal !important;
}
.itemshop-square-grid .itemshop-buy-form > div div[style*="font-weight:900; color:#f39c12"]{ font-size:14px !important; }
.itemshop-square-grid .itemshop-buy-form > div > div[style*="display:flex; align-items:flex-end"]{ gap:8px !important; }

@media (max-width: 1399px){
    .itemshop-square-grid{ grid-template-columns:repeat(4, minmax(0, 1fr)) !important; }
}

@media (max-width: 1399px){
    .itemshop-square-card{ min-height:300px !important; }
}
@media (max-width: 1080px){
    .itemshop-layout-container{ max-width: 1200px; }
    .itemshop-square-grid{ grid-template-columns:repeat(3, minmax(0, 1fr)) !important; }
}

@media (max-width: 1080px){
    .itemshop-square-card{ min-height:290px !important; }
}
@media (max-width: 760px){
    .itemshop-square-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:12px !important;
    }
    .itemshop-square-grid > .news-card{ aspect-ratio:auto; }
}
@media (max-width: 480px){
    .itemshop-square-grid{ grid-template-columns:1fr !important; }
}

/* Modal pełnego opisu w ItemShop */
.itemshop-desc-modal{
    position:fixed;
    inset:0;
    z-index:2600;
    background:rgba(0,0,0,.74);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:16px;
}
.itemshop-desc-modal[hidden]{ display:none !important; }
.itemshop-desc-dialog{
    width:min(620px, 100%);
    max-height:min(78vh, 720px);
    overflow:auto;
    background:#101010;
    border:1px solid #2a2a2a;
    border-radius:14px;
    box-shadow:0 20px 40px rgba(0,0,0,.45);
    padding:14px 14px 12px;
    position:relative;
}
.itemshop-desc-dialog-title{
    color:#f39c12;
    font-weight:900;
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:.4px;
    padding-right:28px;
    margin-bottom:10px;
}
.itemshop-desc-dialog-body{
    color:#ddd;
    font-size:14px;
    line-height:1.45;
}
.itemshop-desc-close{
    position:absolute;
    top:8px;
    right:8px;
    width:28px;
    height:28px;
    border-radius:8px;
    border:1px solid #333;
    background:#171717;
    color:#ddd;
    font-size:18px;
    line-height:1;
    cursor:pointer;
}
.itemshop-desc-close:hover{
    border-color:#f39c12;
    color:#fff;
}



/* ADMIN: badge count (np. nowe zgłoszenia) */
.admin-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:18px;
    height:18px;
    padding:0 6px;
    margin-left:8px;
    border-radius:999px;
    background:#d11;
    color:#fff;
    font-size:12px;
    line-height:18px;
    font-weight:700;
}

/* --- SUPPORT: tooltip dla zablokowanego przycisku wysyłki --- */
.support-submit-tip{position:relative;display:block;width:100%}
.support-submit-tip::after{content:attr(data-tip);position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 10px);background:#0f0f0f;border:1px solid #2f2f2f;color:#e9e9e9;padding:8px 10px;border-radius:10px;box-shadow:0 10px 26px rgba(0,0,0,.35);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:50;font-size:12px;max-width:min(560px,92vw);overflow:hidden;text-overflow:ellipsis}
.support-submit-tip::before{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:100%;border:8px solid transparent;border-top-color:#2f2f2f;opacity:0;transition:opacity .12s ease;pointer-events:none;z-index:51}
.support-submit-tip:hover::after,.support-submit-tip:hover::before{opacity:1}
.support-submit-tip[data-tip='']::after,.support-submit-tip[data-tip='']::before{display:none}
.support-submit-tip button:disabled{opacity:.55;cursor:not-allowed}


/* ===== zgłoszenia.php (support) ===== */
.support-wrap{max-width:1280px;margin:26px auto;padding:0 14px}
.support-stack{display:flex;flex-direction:column;gap:14px}
.support-card{background:#111;border:1px solid #2f2f2f;border-radius:12px;padding:14px}
.support-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.support-section-head h2{margin:0;font-size:20px;color:#f39c12}
.support-subtabs{display:flex;gap:8px;flex-wrap:wrap}
.support-subtabs a{display:inline-block;padding:8px 12px;border-radius:10px;border:1px solid #353535;background:#151515;color:#ddd;text-decoration:none;font-weight:700}
.support-subtabs a.active{background:#f39c12;color:#111;border-color:#f39c12}
.support-create-box{margin-top:8px}
.support-create-box > summary{cursor:pointer;list-style:none;font-weight:900;color:#f39c12;display:flex;justify-content:space-between;align-items:center;border:1px solid #333;border-radius:10px;padding:10px 12px;background:#101010}
.support-create-box > summary::-webkit-details-marker{display:none}
.support-create-box > summary::before{content:'+';display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:8px;border-radius:50%;background:#1c1c1c;border:1px solid #333;color:#f39c12;font-weight:900}
.support-create-box[open] > summary::before{content:'−'}
.support-create-box > summary .summary-label{display:flex;align-items:center;gap:8px}
.support-create-box > summary .summary-help{color:#999;font-size:12px}
.support-create-inner{padding-top:12px}
.support-form-grid{display:grid;gap:10px}
.support-form-grid input[type="text"], .support-form-grid textarea, .support-form-grid select, .support-form-grid input[type="file"]{width:100%;box-sizing:border-box;background:#121212;border:1px solid #444;color:#fff;border-radius:8px;padding:12px}
.support-form-grid textarea{resize:vertical;min-height:120px;font-family:inherit}
.support-file-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.support-file-grid input[type="file"]{margin:0}
.support-note{font-size:12px;color:#9a9a9a;line-height:1.4}
.support-alert{padding:12px 14px;border-radius:10px;margin-bottom:12px;border:1px solid}
.support-alert.ok{background:#14381d;border-color:#245d34;color:#bff3c7}
.support-alert.err{background:#3a1717;border-color:#6a2323;color:#ffc3c3}
.support-list{display:flex;flex-direction:column;gap:10px}
.support-pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
.support-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:8px 10px;border-radius:8px;border:1px solid #3a3a3a;background:#161616;color:#ddd;text-decoration:none;font-weight:700;font-size:12px}
.support-pagination a:hover{border-color:#f39c12;color:#f2c04b}
.support-pagination a.active{background:#f39c12;color:#111;border-color:#f39c12}
.support-ticket-row{display:block;text-decoration:none;color:#ddd;border:1px solid #2b2b2b;background:#101010;border-radius:12px;padding:12px}
.support-ticket-row:hover{border-color:#454545;background:#141414}
.support-ticket-row.active{border-color:#f39c12;background:#18140a;box-shadow:0 0 0 1px rgba(243,156,18,.15) inset}
.support-ticket-title{font-weight:900;color:#f2c04b;font-size:15px;line-height:1.35}
.support-ticket-meta-grid{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:8px 12px}
.support-ticket-meta-item{display:flex;align-items:flex-start;gap:6px;font-size:12px;min-width:0}
.support-ticket-meta-item .k{color:#999;white-space:nowrap;font-weight:700}
.support-ticket-meta-item .v{color:#e6e6e6;min-width:0;word-break:break-word}
.support-ticket-meta-item .v.muted{color:#aaa}
.support-ticket-status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:900;border:1px solid #2d2d2d;background:#161616}
.support-ticket-status-badge.open{color:#6be27a;border-color:#245d34;background:#0f1d13}
.support-ticket-status-badge.closed{color:#ff8a8a;border-color:#5f2424;background:#1d0f0f}
.support-ticket-priority{font-weight:900}
.support-details-card h2{margin:0 0 10px;font-size:20px;color:#f39c12}
.support-ticket-topmeta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.support-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:900;border:1px solid #2d2d2d;background:#161616}
.support-badge.open{color:#6be27a;border-color:#245d34;background:#0f1d13}
.support-badge.closed{color:#ff8a8a;border-color:#5f2424;background:#1d0f0f}
.support-msg{padding:10px 12px;border-radius:10px;border:1px solid #2a2a2a;background:#101010;margin-bottom:10px}
.support-msg.admin{border-color:#2e4a74;background:#101926}
.support-msg.user{border-color:#2a2a2a;background:#121212}
.support-msg-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:6px}
.support-msg-head .who{font-weight:900}
.support-msg-body{white-space:pre-wrap;line-height:1.45;color:#ddd}
.support-att{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.support-att a{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;border:1px solid #333;background:#171717;color:#ddd;text-decoration:none;font-size:12px}
.support-att img{width:58px;height:58px;object-fit:cover;border-radius:6px;border:1px solid #333}
@media (max-width: 860px){.support-ticket-meta-grid{grid-template-columns:1fr}.support-create-box > summary .summary-help{display:none}}
@media (max-width: 980px){.support-file-grid{grid-template-columns:1fr}}

.support-ticket-row-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.support-ticket-row-actions{display:flex;align-items:center;gap:8px}
.support-open-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:8px;border:1px solid #3a3a3a;background:#161616;color:#ddd;text-decoration:none;font-weight:700;font-size:12px;white-space:nowrap}
.support-open-btn:hover{border-color:#f39c12;color:#f2c04b}
.support-ticket-meta-cols{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(290px,1fr));gap:10px 14px}
.support-ticket-meta-col{display:grid;gap:6px}
.support-ticket-meta-line{display:flex;align-items:flex-start;gap:6px;font-size:12px;min-width:0}
.support-ticket-meta-line .k{color:#999;white-space:nowrap;font-weight:700;min-width:132px}
.support-ticket-meta-line .v{color:#e6e6e6;min-width:0;word-break:break-word}
.support-ticket-meta-line .v.muted{color:#aaa}
.support-inline-thread{margin-top:12px;border-top:1px solid #2b2b2b;padding-top:12px}
.support-thread-box{max-height:520px;overflow:auto;padding-right:4px;margin-bottom:12px}
.support-reply-form{margin-top:0}
@media (max-width: 980px){
  .support-ticket-meta-cols{grid-template-columns:1fr}
  .support-ticket-meta-line .k{min-width:120px}
  .support-ticket-row-top{flex-direction:column}
}

/* UX: brakujące pola + podpowiedź pod przyciskiem */
.support-submit-area{display:grid;gap:8px}
.support-missing-hint{font-size:12px;color:#bbb;min-height:16px}
.support-form-grid .is-missing{border-color:#c0392b !important; box-shadow:0 0 0 1px rgba(192,57,43,.25) inset}

/* Wiadomości: textarea w modalu nowej rozmowy (zamiast inline style) */
.pmx-newconv-textarea{width:100%;padding:10px;background:#0a0a0a;border:1px solid #333;color:#fff;border-radius:4px;margin-bottom:10px;resize:none}


/* ===== micro polish (spójność UI) ===== */
.nav-inner a.active{
    color:#fff;
    text-shadow:0 0 8px #f39c12;
    position:relative;
}
.nav-inner a.active::after{
    content:"";
    display:block;
    height:2px;
    background:#f39c12;
    border-radius:2px;
    margin-top:6px;
}

/* Ujednolicone focus-visible (klawiatura) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible{
    outline:2px solid #f39c12;
    outline-offset:2px;
}

/* Linkopodobny przycisk (np. Wyloguj) */
.user-bar .nav-link-btn{
    background:none;
    border:none;
    padding:0;
    cursor:pointer;
    font:inherit;
    color:#ddd;
    text-decoration:none;
}
.user-bar .nav-link-btn:hover{ color:#f39c12; }

/* Spójny wygląd input type=file */
input[type="file"].file-input{
    width:100%;
    max-width:360px;
    flex:1 1 260px;
    border:1px dashed #333;
    background:#0f0f0f;
    color:#ddd;
    padding:10px;
    border-radius:10px;
    box-sizing:border-box;
    font-size:12px;
}
input[type="file"].file-input::file-selector-button{
    margin-right:10px;
    border:1px solid #333;
    background:#1b1b1b;
    color:#ddd;
    border-radius:8px;
    padding:8px 10px;
    cursor:pointer;
    font-weight:800;
}
input[type="file"].file-input::file-selector-button:hover{ background:#242424; }

/* Scrollbox dla tabel */
.table-scroll{ overflow:hidden; }
.hurts-table--wallet, .hurts-table--codes{ min-width:0; width:100%; table-layout:fixed; }
.wallet-footnote{ margin-top:8px; font-size:12px; color:#999; }

/* Pusty stan / komunikat (zamiast inline-style) */
.notice{
    background:#161616;
    border:1px solid #222;
    border-radius:12px;padding:24px;
    color:#999;
    text-align:center;
}

/* Ujednolicenie: przycisk "Wyloguj" ma być szary jak link */
.user-bar .nav-link-btn.logout-link{ color:#888; }
.user-bar .nav-link-btn.logout-link:hover{ color:#f39c12; }

/* Ujednolicenie file inputów także bez klasy (panel/admin) */
.admin-main input[type="file"]:not(.file-input),
.profile-card input[type="file"]:not(.file-input){
    width:100%;
    max-width:360px;
    flex:1 1 260px;
    border:1px dashed #333;
    background:#0f0f0f;
    color:#ddd;
    padding:10px;
    border-radius:10px;
    box-sizing:border-box;
    font-size:12px;
}
.admin-main input[type="file"]:not(.file-input)::file-selector-button,
.profile-card input[type="file"]:not(.file-input)::file-selector-button{
    margin-right:10px;
    border:1px solid #333;
    background:#1b1b1b;
    color:#ddd;
    border-radius:8px;
    padding:8px 10px;
    cursor:pointer;
    font-weight:800;
}
.admin-main input[type="file"]:not(.file-input)::file-selector-button:hover,
.profile-card input[type="file"]:not(.file-input)::file-selector-button:hover{
    background:#242424;
}

/* Lekko wyższy kontrast drobnych podpowiedzi */
.hurts-redeem-hint{ color:#999; }

.profile-card input[type="file"].file-input{ max-width:none; }

/* ==========================================================
   PIXEL-PERFECT: wyrównanie kart w siatkach (ostatnie 5%)
   - bez zmiany zamierzonego „rozciągania” obrazków
   ========================================================== */

/* Zawsze rozciągaj elementy siatki do wysokości wiersza */
.news-grid,
.itemshop-square-grid,
.itemshop-modes-grid,
.home-widgets,
.crates-grid,
.crate-drop-grid,
.crate-results-grid,
.support-file-grid{
    align-items: stretch;
}

/* Uniwersalnie: stopka zawsze na dole (dla newsów już było, tu tylko przypięcie) */
.news-card .news-footer-meta{ margin-top: auto; }

/* Serwery: te same proporcje co newsy (stała wysokość kart) */
.news-card.server-card{
    height: 560px;
    display:flex;
    flex-direction:column;
}
.news-card.server-card .news-content{ flex:1; display:flex; flex-direction:column; }
.news-card.server-card .news-actions{ margin-top:auto; }
.news-card.server-card .server-detail-line{
    min-height: 52px; /* mapa+drop (2 linie) */
    line-height: 1.4;
    margin-bottom: 10px;
    overflow: hidden;
}
.news-card.server-card .server-links{ margin-top:auto; }

/* ItemShop (karty usług): wyrównaj tytuły serwerów do stałego bloku */
.itemshop-mode-card .mode-title{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    max-height: 78px;
    min-height: 78px;
    margin-bottom: 6px;
}

/* ItemShop (karty przedmiotów): wymuś identyczną wysokość i stałe sekcje */
.itemshop-square-grid > .news-card,
.itemshop-square-card{
    height: 380px !important; /* bezpieczny zapas na warianty (rank/item picker/ilość/cooldown) */
}

.itemshop-square-grid > .news-card > .news-content,
.itemshop-square-content{
    padding: 8px 10px 10px !important;
    gap: 6px !important;
}

/* Sekcja opisu: zawsze rezerwuj tę samą przestrzeń + „Czytaj więcej” w stałym miejscu */
.itemshop-desc-inline{
    position: relative;
    min-height: 50px;
    padding-bottom: 16px; /* rezerwa na guzik */
}
.itemshop-desc-inline .itemshop-desc-more{
    position:absolute;
    left:0;
    bottom:0;
}
.itemshop-desc-inline--empty{
    border: 0;
}

/* Skrzynki: ujednolić wysokość nagłówka (nazwa) i wysokości „dropów” */
.crate-toggle{
    min-height: 56px;
}
.crate-title{
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    max-height: 18px;
}
.crate-drop{
    min-height: 68px;
}
.crate-drop-name{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    max-height: 30px;
}

/* Support: równe miniatury załączników */
.support-file-grid > *{
    min-height: 74px;
}

/* ===== stage 2 layout / semantics / seo polish ===== */
.skip-link{position:absolute;left:16px;top:-48px;z-index:10000;padding:10px 14px;background:#f39c12;color:#000;border-radius:8px;font-weight:800;text-decoration:none;transition:top .15s ease;}
.skip-link:focus{top:16px;}
.page-main{padding-top:30px;padding-bottom:36px;}
.page-section{display:flex;flex-direction:column;gap:18px;}
.page-heading{margin:0;color:#f39c12;font-size:28px;line-height:1.15;}
.page-subtitle{margin:0;color:#a9a9a9;font-size:15px;line-height:1.6;max-width:760px;}
.page-empty-state{background:#161616;padding:34px;border-radius:12px;border:1px solid #222;text-align:center;color:#9b9b9b;}
.page-empty-state p{margin:0;}
.page-intro-card,.admin-info-card{background:#121212;border:1px solid #2a2a2a;border-radius:12px;padding:16px;color:#cfcfcf;line-height:1.6;}
.page-intro-card p,.admin-info-card p{margin:0 0 12px;}
.page-intro-card p:last-child,.admin-info-card p:last-child{margin-bottom:0;}
.news-pagination{display:flex;gap:8px;justify-content:center;margin:30px 0 10px;flex-wrap:wrap;}
.news-pagination__item,.news-pagination__current{padding:8px 12px;border-radius:6px;font-weight:700;}
.news-pagination__item{border:1px solid #222;color:#bbb;background:#141414;text-decoration:none;}
.news-pagination__item:hover{border-color:#f39c12;color:#fff;}
.news-pagination__current{border:1px solid #f39c12;color:#000;background:#f39c12;}
.news-card .news-media img,.news-media-full img{display:block;max-width:100%;height:auto;}
.auth-card{max-width:460px;margin:70px auto;background:#1e1e1e;padding:40px;border-radius:12px;border:1px solid #333;}
.auth-title{color:#f39c12;margin:0 0 10px;text-transform:uppercase;letter-spacing:1px;text-align:center;}
.auth-lead{margin:0 0 22px;color:#9a9a9a;text-align:center;line-height:1.6;font-size:14px;}
.auth-form{display:flex;flex-direction:column;gap:14px;}
.form-field{text-align:left;}
.form-label{display:block;color:#f39c12;font-size:12px;font-weight:800;letter-spacing:.4px;margin-bottom:7px;text-transform:uppercase;}
.form-help{margin:6px 0 0;color:#8e8e8e;font-size:12px;line-height:1.5;}
.auth-links{margin-top:22px;font-size:14px;color:#888;text-align:center;}
.auth-links a{color:#f39c12;text-decoration:none;}
.auth-links a:hover{text-decoration:underline;}
.admin-panel-page .site-footer{margin-top:18px;}
.admin-section-intro{margin:-2px 0 18px;color:#a8a8a8;line-height:1.6;}
.admin-stack-form{display:flex;flex-direction:column;gap:14px;}
.admin-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;}
.admin-settings-grid--files{margin-top:4px;}
.admin-file-card{background:#151515;border:1px solid #2a2a2a;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;}
.admin-current-file{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#bdbdbd;font-size:12px;font-weight:700;}
.admin-current-file strong{color:#ededed;font-family:monospace;}
.admin-current-file a{color:#f39c12;text-decoration:none;}
.admin-current-file a:hover{text-decoration:underline;}
.admin-textarea{width:100%;padding:12px;background:#121212;border:1px solid #444;color:#fff;border-radius:6px;box-sizing:border-box;resize:vertical;min-height:90px;}
.stack-form-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:6px;}
.stack-form-actions--inline{margin-top:14px;}
.admin-primary-btn{border:none;width:auto;min-width:220px;}
.server-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;}
.server-detail-muted{color:#aaa;}
.server-detail-accent{color:#f1c40f;}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}

@media (max-width: 900px){
    .admin-settings-grid{grid-template-columns:1fr;}
}

@media (max-width: 640px){
    .page-main{padding-top:20px;padding-bottom:26px;}
    .page-heading{font-size:24px;}
    .auth-card{padding:26px 18px;margin:32px auto;}
    .stack-form-actions{justify-content:stretch;}
    .admin-primary-btn{width:100%;}
}


/* ===== stage 3 admin polish ===== */
.admin-wrap{align-items:flex-start;}
.admin-main{
    background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
    border-radius:18px;
    box-shadow:0 20px 50px rgba(0,0,0,.32);
}
.admin-sidebar{
    border-radius:18px;
    box-shadow:0 18px 40px rgba(0,0,0,.25);
}
.admin-page-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:18px;}
.admin-page-title{font-size:28px;line-height:1.08;color:#fff;margin:0 0 8px;}
.admin-page-subtitle{margin:0;color:#a8a8a8;max-width:80ch;}
.admin-section-stack{display:flex;flex-direction:column;gap:18px;}
.admin-log-tabs{display:flex;gap:10px;flex-wrap:wrap;}
.admin-log-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid #333;background:#141414;color:#d6d6d6;text-decoration:none;font-weight:800;font-size:12px;}
.admin-log-tabs a.active,.admin-log-tabs a:hover{background:#f39c12;color:#111;border-color:#f39c12;}
.admin-dual-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:18px;align-items:start;}
.admin-panel-block{background:#121212;border:1px solid #2f2f2f;border-radius:18px;padding:18px;}
.admin-block-head{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;}
.admin-block-head h3{margin:0;color:#fff;font-size:18px;}
.admin-block-head p{margin:0;color:#9c9c9c;font-size:13px;line-height:1.6;}
.admin-code-inline{padding:4px 8px;border-radius:999px;background:rgba(243,156,18,.1);border:1px solid rgba(243,156,18,.22);color:#f6be5a;}
.admin-inline-link{color:#fff;text-decoration:underline;}
.admin-empty-inline{padding:16px;border:1px dashed #3a3a3a;border-radius:14px;color:#9f9f9f;background:#111;}
.admin-pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;}
.admin-audit-stream{display:flex;flex-direction:column;gap:12px;max-height:1100px;overflow:auto;padding-right:2px;}
.admin-audit-card{padding:14px;border:1px solid #313131;border-radius:16px;background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));}
.admin-audit-card__top{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px;}
.admin-audit-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb, var(--audit-color, #888) 16%, transparent);border:1px solid color-mix(in srgb, var(--audit-color, #888) 42%, transparent);color:#fff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.35px;}
.admin-audit-action{font-weight:900;color:#fff;line-height:1.45;word-break:break-word;}
.admin-audit-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:12px 0 0;}
.admin-audit-meta div{padding:8px 10px;border-radius:12px;background:#101010;border:1px solid #282828;}
.admin-audit-meta dt{font-size:10px;text-transform:uppercase;color:#8b8b8b;font-weight:900;letter-spacing:.4px;}
.admin-audit-meta dd{margin:4px 0 0;color:#fff;font-size:12px;word-break:break-word;}
.admin-audit-details{margin-top:12px;}
.admin-audit-details summary{cursor:pointer;color:#f7c46c;font-weight:800;}
.admin-audit-details pre{margin-top:8px;padding:12px;border-radius:12px;background:#0d0d0d;border:1px solid #232323;color:#d5d5d5;overflow:auto;font-size:12px;line-height:1.55;}
.admin-log-search input,.admin-log-search select{min-width:180px;}
.admin-main form:not(.admin-search-form-polish){display:block;}
.admin-main form.admin-search-form-polish{display:flex;}
@media (max-width: 1180px){
    .admin-dual-grid{grid-template-columns:1fr;}
}
@media (max-width: 980px){
    .admin-wrap{flex-direction:column;}
    .admin-sidebar{width:100%;max-width:none;min-width:0;}
}
@media (max-width: 700px){
    .admin-main{padding:18px;}
    .admin-page-title{font-size:24px;}
    .admin-audit-meta{grid-template-columns:1fr;}
    .admin-search-form-polish .admin-search-summary{margin-left:0 !important;width:100%;}
}

/* ===== round 4 polish ===== */
.page-section--compact{gap:14px;}
.page-main--messages,.page-main--profile,.page-main--support{padding-top:24px;}
.page-intro-card--inline{display:flex;flex-direction:column;gap:8px;}
.page-intro-card--inline .page-heading,.page-intro-card--inline .page-subtitle{max-width:none;}
.page-kicker{margin:0;color:#8f8f8f;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;}
.page-empty-state--side,.page-empty-state--chat{margin:12px;min-height:110px;display:flex;align-items:center;justify-content:center;}
.page-empty-state--chat{min-width:min(100%,420px);}
.pmx-empty-mini{padding:10px 0;color:#8f8f8f;font-size:12px;line-height:1.5;}
.guest-greeting{color:#b9b9b9;max-width:420px;line-height:1.45;}
.user-bar .nav-link--accent{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;border:1px solid #f39c12;background:rgba(243,156,18,.08);color:#f7c35d;margin-right:0;}
.user-bar .nav-link--accent:hover{background:#f39c12;color:#111;}
.profile-page .profile-wrapper,.support-page .support-wrap,.messages-page .messenger-wrapper{margin-top:0;}
.messages-page .messenger-wrapper{min-height:680px;}
.profile-page .profile-wrapper{max-width:none;}
.support-page .support-wrap{max-width:none;padding:0;}

@media (max-width: 860px){
    .guest-greeting{max-width:none;flex-basis:100%;text-align:center;}
}

@media (max-width: 640px){
    .page-main--messages,.page-main--profile,.page-main--support{padding-top:18px;}
    .page-intro-card--inline{padding:14px;}
    .page-empty-state--side,.page-empty-state--chat{min-height:92px;margin:10px;}
}


/* Panel admina: użytkownicy */
.users-admin-table th, .users-admin-table td { vertical-align: middle; }
                    .users-admin-table { width:100%; table-layout:fixed; }
                    .users-admin-table th { white-space:nowrap; }
                    .users-admin-table th:nth-child(1), .users-admin-table td:nth-child(1) { width:46px; }
                    .users-admin-table th:nth-child(2), .users-admin-table td:nth-child(2) { width:92px; }
                    .users-admin-table th:nth-child(3), .users-admin-table td:nth-child(3) { width:150px; }
                    .users-admin-table th:nth-child(4), .users-admin-table td:nth-child(4) { width:110px; }
                    .users-admin-table th:nth-child(5), .users-admin-table td:nth-child(5) { width:95px; }
                    .users-admin-table th:nth-child(6), .users-admin-table td:nth-child(6) { width:92px; }
                    .users-admin-table th:nth-child(7), .users-admin-table td:nth-child(7) { width:210px; }
                    .users-admin-table th:nth-child(8), .users-admin-table td:nth-child(8) { width:176px; }
                    
                    .users-admin-table td:nth-child(7) { overflow-wrap:anywhere; }
                    .users-cell-ell { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
                    .users-admin-table td .users-cell-ell { color:inherit; }
                    .admin-compact .users-admin-table td:nth-child(3) .users-cell-ell { max-width:74px; }
                    .admin-compact .users-admin-table td:nth-child(4) .users-cell-ell { max-width:72px; }
                    .admin-compact .users-admin-table th:nth-child(2), .admin-compact .users-admin-table td:nth-child(2) { width:78px; }
                    .admin-compact .users-admin-table th:nth-child(3), .admin-compact .users-admin-table td:nth-child(3) { width:84px; }
                    .admin-compact .users-admin-table th:nth-child(4), .admin-compact .users-admin-table td:nth-child(4) { width:80px; }
                    .admin-compact .users-admin-table th:nth-child(7), .admin-compact .users-admin-table td:nth-child(7) { width:160px; }
                    .admin-compact .users-admin-table th:nth-child(8), .admin-compact .users-admin-table td:nth-child(8) { width:140px; }
                    
                    .users-admin-table .user-actions .icon-btn { width:34px; height:34px; min-width:34px; padding:0; }
                    .users-add-panel-role-form .btn-s { padding:6px 10px !important; line-height:1.15; }
                    .users-chip-remove-form { margin-left:1px; }

                    .users-role-inline-form { margin:0; }
                    .users-role-inline-form select {
                        width:100%;
                        min-height:30px;
                        border-radius:10px;
                        border:1px solid #3a3a3a;
                        background:#151515;
                        color:#f1c40f;
                        font-weight:800;
                        padding:6px 10px;
                        cursor:pointer;
                    }
                    .users-role-inline-form select:disabled { opacity:.55; cursor:not-allowed; color:#aaa; }
                    .users-role-lock-note { margin-top:4px; font-size:11px; color:#a0a0a0; }

                    .users-admin-table .user-add-role-cell { min-width: 150px; width: 170px; }
                    .users-admin-table .user-role-cell { min-width: 160px; width: 180px; }
                    .users-panel-role-list { display:flex; flex-wrap:wrap; gap:4px; align-items:flex-start; }
                    .users-panel-role-chip {
                        display:inline-flex; align-items:center; gap:5px;
                        padding:1px 4px; border-radius:999px;
                        border:1px solid #333; background:#121212; color:#f1c40f;
                        font-size:8px; font-weight:900; letter-spacing:.08px; text-transform:uppercase; line-height:1.05;
                        box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
                        max-width:100%;
                    }
                    .users-chip-remove-form { display:inline-flex; margin:0; }
                    .users-chip-remove {
                        width:13px; height:13px; display:inline-flex; align-items:center; justify-content:center;
                        border:none; border-radius:999px; background:rgba(231,76,60,.10); color:#ff6b6b;
                        padding:0; margin:0; cursor:pointer; font-weight:900; line-height:1; font-size:9px;
                        transition: background .12s ease, transform .06s ease;
                    }
                    .users-chip-remove:hover { background: rgba(231,76,60,.22); }
                    .users-chip-remove:active { transform: scale(.95); }
                    .users-role-meta { font-size:10px; color:#777; margin-top:4px; }
                    .users-empty-role { color:#666; font-size:12px; }
                    .users-add-panel-role-form { display:flex; gap:6px; align-items:center; margin:0; flex-wrap:wrap; width:100%; }
                    .users-add-panel-role-form select { margin:0; width:100%; min-width:0; max-width:100%; flex:1 1 100%; }
                    .users-add-panel-role-form .btn-s { white-space:nowrap; }
                    .users-admin-table .user-actions > div { justify-content:flex-start; }
                    .users-role-pill {
                        display:inline-flex; align-items:center; justify-content:flex-start; gap:6px;
                        width:100%; min-height:32px; padding:6px 10px;
                        border-radius:10px; border:1px solid #3a3a3a; background:#171717; color:#f1c40f;
                        font-weight:800; font-size:12px; cursor:pointer; box-sizing:border-box;
                    }
                    .users-role-pill::after { content:'▾'; color:#888; font-size:10px; margin-left:auto; }
                    .users-role-picker { width:100%; }
                    .users-role-picker > summary { list-style:none; }
                    .users-role-picker > summary::-webkit-details-marker { display:none; }
                    .users-role-picker[open] .users-role-pill::after { content:'▴'; }
                    .users-role-picker-body { margin-top:6px; padding:8px; border:1px solid #2a2a2a; border-radius:10px; background:#111; }
                    .users-role-quick-form { margin:0; display:flex; gap:6px; align-items:center; }
                    .users-role-quick-form select { margin:0; width:100%; }
                    .users-role-note { color:#888; font-size:10px; margin-top:4px; line-height:1.2; }
                    .admin-compact .users-role-pill { min-height:26px; padding:4px 8px; font-size:11px; border-radius:8px; }
                    .admin-compact .users-role-picker-body { padding:6px; border-radius:8px; }


/* ===== round 9 public polish ===== */
.page-meta-row{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:6px;}
.page-meta-pill{display:inline-flex;flex-direction:column;gap:4px;min-width:140px;padding:10px 12px;border-radius:12px;border:1px solid #2b2b2b;background:#0f0f0f;box-shadow:inset 0 1px 0 rgba(255,255,255,.02);}
.page-meta-pill .label{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#8e8e8e;}
.page-meta-pill strong{font-size:14px;line-height:1.35;color:#f2f2f2;word-break:break-word;}
.profile-avatar-stage,.profile-steam-stage{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;}
.profile-avatar-stage{margin-top:auto;margin-bottom:auto;}
.text-right{text-align:right;}
.text-nowrap{white-space:nowrap;}
.text-strong{font-weight:900;}
.text-gold{color:#f39c12;}
.text-positive{color:#2ecc71;}
.text-negative{color:#e74c3c;}
.text-muted-light{color:#ddd;}
.cell-code{font-family:Consolas, monospace;letter-spacing:.02em;}
.av-steam-small--empty{display:flex;align-items:center;justify-content:center;color:#444;background:#000;}
.support-alert--flush-top{margin-top:0;}
.support-alert--flush{margin:0;}
.support-note--flush{margin:0;}
.support-note--spaced{margin:0 0 10px 0;}
.support-empty-inline{color:#888;}
.support-msg-author--admin{color:#9fd0ff;}
.support-msg-author--user{color:#f7d774;}
.support-msg-role{color:#777;font-size:12px;}
.support-msg-date{color:#999;font-size:12px;}
.pmx-subject-display{max-width:min(100%,540px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pmx-header-btns .pmx-btn-outline{white-space:nowrap;}
.pmx-friends-title,.pmx-friends-subtitle{letter-spacing:.05em;text-transform:uppercase;}
.pmx-empty-mini{line-height:1.6;}
@media (max-width: 900px){
    .page-meta-pill{min-width:calc(50% - 6px);flex:1 1 calc(50% - 6px);}
}
@media (max-width: 640px){
    .page-meta-row{gap:8px;}
    .page-meta-pill{min-width:100%;}
    .pmx-subject-display{max-width:100%;white-space:normal;}
    .pmx-header-btns{width:100%;display:flex;flex-wrap:wrap;gap:8px;}
    .pmx-header-btns .pmx-btn-outline{flex:1 1 100%;text-align:center;justify-content:center;}
}


/* ===== round 10 final cleanup ===== */
.site-inline-form{margin:0;display:inline;}
.admin-nav-inline-icon{width:18px;height:18px;vertical-align:-3px;margin-right:8px;}
.admin-inline-form{display:inline;margin:0;}
.admin-btn-full{width:100%;justify-content:center;border:none;cursor:pointer;}
.btn-s--danger{background:#e74c3c;color:#fff;border-color:#e74c3c;}
.btn-s--danger:hover{filter:brightness(.96);}
.admin-cell-center{text-align:center;}
.admin-cell-nowrap{white-space:nowrap;}
.admin-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.04em;white-space:nowrap;}
.admin-status-badge--ok{background:#123a1a;color:#7cff9b;}
.admin-status-badge--warn{background:#3a2c12;color:#ffd37c;}
.admin-status-badge--fail{background:#3a1212;color:#ff7c7c;}
.admin-status-legend{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;}
.admin-status-legend span{color:#d1d1d1;}
.admin-rich-text{color:#cfcfcf;line-height:1.65;display:flex;flex-direction:column;gap:12px;}
.admin-rich-text p,.admin-rich-text ol{margin:0;}
.admin-rich-text code{color:#f6be5a;}
.admin-rich-text--danger{color:#ffd1d1;}
.admin-panel-block--soft{background:#101010;}
.admin-panel-block--danger{border-color:#6b2f2f;background:#241212;}
.admin-table-wrap--tight{margin-top:0;}
.admin-diagnostics-table{width:100%;min-width:760px;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:14px;overflow:hidden;}
.admin-diagnostics-table th,.admin-diagnostics-table td{padding:10px;border-bottom:1px solid #1f1f1f;vertical-align:top;}
.admin-diagnostics-table th{background:#161616;text-align:left;}
.admin-diagnostics-table__cat{color:#bdbdbd;white-space:nowrap;}
.admin-diagnostics-table__name{color:#e6e6e6;}
.admin-diagnostics-table__value{color:#ddd;}
.admin-diagnostics-table__hint{color:#bdbdbd;}
.admin-duplicates-list{max-height:260px;overflow:auto;border:1px solid #1f1f1f;border-radius:10px;padding:12px;background:#0f0f0f;display:flex;flex-direction:column;gap:12px;}
.admin-duplicate-group{padding-bottom:12px;border-bottom:1px solid #1f1f1f;}
.admin-duplicate-group:last-child{padding-bottom:0;border-bottom:0;}
.admin-duplicate-group__title{font-weight:800;color:#eaeaea;}
.admin-duplicate-group__label{margin-top:6px;color:#bdbdbd;font-size:13px;}
.admin-duplicate-group__list{margin:6px 0 0 18px;color:#d0d0d0;}
.admin-stack-form{margin-top:12px;}
.admin-form-note{margin-top:8px;font-size:12px;color:#888;line-height:1.5;}
.admin-form-note--warn{color:#ffd37c;}
.admin-audit-badge--users{--audit-color:#3498db;}
.admin-audit-badge--security{--audit-color:#e74c3c;}
.admin-audit-badge--settings{--audit-color:#9b59b6;}
.admin-audit-badge--servers{--audit-color:#16a085;}
.admin-audit-badge--content{--audit-color:#f39c12;}
.admin-audit-badge--shop{--audit-color:#2ecc71;}
.admin-audit-badge--tickets{--audit-color:#1abc9c;}
.admin-audit-badge--forum{--audit-color:#8e44ad;}
.admin-audit-badge--system{--audit-color:#7f8c8d;}
.admin-server-form{display:flex;flex-direction:column;gap:14px;}
.admin-server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start;}
.admin-server-grid__full{grid-column:1 / -1;}
.admin-server-upload{background:#111;border:1px dashed #333;padding:12px;border-radius:10px;}
.admin-server-upload__label{font-size:12px;color:#999;margin-bottom:8px;}
.admin-server-upload__meta{margin-top:8px;font-size:12px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.admin-server-upload__meta a{color:#f39c12;}
.admin-server-upload__remove{color:#bbb;display:inline-flex;align-items:center;gap:6px;}
.admin-f2b-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.admin-f2b-card__title{font-weight:900;color:#f39c12;}
.admin-f2b-card__meta{font-size:12px;color:#aaa;}
.admin-f2b-card__grid,.admin-f2b-actions-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;}
.admin-f2b-actions-grid{grid-template-columns:1fr 1fr;margin-top:12px;}
.admin-f2b-card__label{font-weight:800;color:#ddd;margin-bottom:6px;}
.admin-f2b-card__label--strong{font-weight:900;}
.admin-f2b-pre,.admin-f2b-box{margin:0;background:#0b0b0b;border:1px solid #222;border-radius:10px;padding:10px;color:#cfcfcf;max-height:220px;overflow:auto;}
.admin-f2b-pre{white-space:pre-wrap;}
.admin-f2b-empty{color:#888;}
.admin-f2b-badges{display:flex;flex-wrap:wrap;gap:6px;}
.admin-ip-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#1b1b1b;border:1px solid #333;font-family:monospace;}
.admin-f2b-box--dashed{border-style:dashed;max-height:none;}
.admin-f2b-form{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;}
.admin-f2b-field{display:flex;flex-direction:column;gap:6px;margin:0;flex:1 1 220px;}
.admin-f2b-field span{font-size:12px;color:#aaa;}
.admin-f2b-field input,.admin-f2b-field select{min-width:220px;margin:0;}
.admin-btn-inline{border:none;cursor:pointer;min-height:42px;}
@media (max-width: 900px){
  .admin-server-grid,.admin-f2b-card__grid,.admin-f2b-actions-grid{grid-template-columns:1fr;}
}
@media (max-width: 700px){
  .admin-status-legend{flex-direction:column;align-items:flex-start;}
  .admin-f2b-form,.admin-inline-form{display:flex;flex-direction:column;align-items:stretch;}
  .admin-f2b-field input,.admin-f2b-field select{min-width:0;width:100%;}
  .admin-btn-inline,.admin-inline-form .btn-s{width:100%;}
}


/* ===== public shell unification ===== */
.page-stack{display:flex;flex-direction:column;gap:18px;}
.page-intro-card--split{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;}
.page-intro-card__content{display:flex;flex-direction:column;gap:10px;min-width:min(100%,480px);flex:1 1 420px;}
.page-intro-card__aside{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;flex:0 1 auto;}
.page-balance-chip,.page-link-pill{
    display:inline-flex;align-items:center;justify-content:center;min-height:42px;
    padding:0 14px;border-radius:999px;border:1px solid #333;background:#171717;
    color:#f0f0f0;font-weight:800;text-decoration:none;white-space:nowrap;
}
.page-balance-chip{border-color:rgba(243,156,18,.32);background:rgba(243,156,18,.08);color:#f8c56c;}
.page-link-pill:hover{border-color:#f39c12;color:#fff;}
.server-mini-info{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;color:#bbb;font-size:14px;line-height:1.6;}
.server-mini-info__item{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;}
.server-mini-info__label{color:#8e8e8e;font-weight:800;}
.table-card{background:#121212;border:1px solid #262626;border-radius:14px;overflow:auto;}
.data-table{width:100%;border-collapse:collapse;min-width:700px;}
.data-table th{padding:12px;text-align:left;border-bottom:1px solid #252525;background:#0f0f0f;color:#f2f2f2;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;}
.data-table td{padding:12px;border-bottom:1px solid #1f1f1f;color:#d7d7d7;vertical-align:top;}
.data-table tbody tr:last-child td{border-bottom:none;}
.data-table--banlist{min-width:1100px;}
.data-table--clans{min-width:700px;}
.data-table__cell--muted{color:#b3b3b3;}
.data-table__cell--accent{color:#f6c667;font-weight:800;}
.data-table__cell--tag{color:#00fff7;font-weight:800;}
.data-table__cell--center,.data-table th.data-table__cell--center{text-align:center;}
.data-row-muted{opacity:.72;filter:saturate(.55);}
.status-pill{display:inline-flex;align-items:center;gap:8px;font-weight:800;}
.status-pill::before{content:'●';font-size:11px;line-height:1;}
.status-pill--active{color:#e57474;}
.status-pill--inactive{color:#9d9d9d;}
.verify-page .verify-container{margin-top:0;}

@media (max-width: 760px){
    .page-intro-card--split{padding:14px;}
    .page-intro-card__aside{width:100%;justify-content:flex-start;}
    .server-mini-info{font-size:13px;}
    .page-balance-chip,.page-link-pill{width:100%;}
}
/* ===== Stage 4: extracted inline styles ===== */
:root{
    --ui-space-1: 4px;
    --ui-space-2: 8px;
    --ui-space-3: 12px;
    --ui-space-4: 16px;
    --ui-space-5: 20px;
    --ui-space-6: 24px;
    --ui-radius-sm: 6px;
    --ui-radius-md: 10px;
    --ui-radius-lg: 14px;
    --ui-border-muted: #333;
    --ui-border-strong: #444;
    --ui-surface-1: #0f0f0f;
    --ui-surface-2: #121212;
    --ui-surface-3: #1c1c1c;
    --ui-text-main: #ddd;
    --ui-text-muted: #888;
    --ui-text-soft: #aaa;
    --ui-accent: #f39c12;
    --ui-danger: #e74c3c;
    --ui-success: #2ecc71;
}

.ui-card{background:var(--ui-surface-2);border:1px solid var(--ui-border-muted);border-radius:var(--ui-radius-md);padding:var(--ui-space-4);}
.ui-stack-sm > * + *{margin-top:var(--ui-space-2);}
.ui-stack-md > * + *{margin-top:var(--ui-space-3);}
.ui-stack-lg > * + *{margin-top:var(--ui-space-4);}
.ui-actions-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.ui-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.ui-text-muted{color:var(--ui-text-muted);}
.ui-text-soft{color:var(--ui-text-soft);}
.ui-text-accent{color:var(--ui-accent);}
.ui-text-danger{color:var(--ui-danger);}
.ui-text-success{color:var(--ui-success);}


.ui-toggle-panel{display:block;}
.is-hidden{display:none !important;}
.is-visible{display:block !important;}
.mt-10{margin-top:10px;}
.ticket-author-admin{color:#9fd0ff;}
.ticket-author-user{color:#f7d774;}
.amount-positive{font-weight:900;color:#6be27a;}
.amount-negative{font-weight:900;color:#ff8a8a;}
.usage-available{font-weight:900;color:#27ae60;}
.usage-full{font-weight:900;color:#e74c3c;}
.btn-s--tab{height:40px;justify-content:center;text-decoration:none;}
.btn-s--filter{padding:8px 12px;}
.is-tab-active{background:#f39c12;color:#111;font-weight:900;}
.is-tab-idle{background:#1c1c1c;color:#ddd;font-weight:700;}
.is-page-current{background:#f39c12;color:#111;}
.is-page-idle{background:#1f1f1f;color:#ddd;}
.is-page-alt-current{background:#3498db;color:#fff;}
.is-page-alt-idle{background:#222;color:#ddd;}
.is-filter-idle{padding:8px 12px;background:#1f1f1f;color:#ddd;}
.is-filter-active-success{background:#27ae60;color:#fff;border-color:#27ae60;padding:8px 12px;}
.is-filter-active-danger{background:#e74c3c;color:#fff;border-color:#e74c3c;padding:8px 12px;}
.is-filter-active-accent{background:#f39c12;color:#111;border-color:#f39c12;padding:8px 12px;}
.news-state-visible{background:#2ecc71;color:#fff;}
.news-state-hidden{background:#e74c3c;color:#fff;}
[data-ui~="u-inline-001"]{width:100%;margin:0;}
[data-ui~="u-inline-002"]{margin:12px 0 0;}
[data-ui~="u-inline-003"]{display:inline-flex;width:auto;padding:10px 16px;}
[data-ui~="u-inline-004"]{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
[data-ui~="u-inline-005"]{background:#121212;border:1px solid #333;border-radius:12px;padding:14px;}
[data-ui~="u-inline-006"]{font-weight:900;color:#f39c12;font-size:16px;margin-bottom:10px;}
[data-ui~="u-inline-007"]{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
[data-ui~="u-inline-008"]{border-top:1px solid #2a2a2a;padding-top:10px;}
[data-ui~="u-inline-009"]{color:#888;font-size:12px;}
[data-ui~="u-inline-010"]{color:#555; font-style:italic; padding:10px;}
[data-ui~="u-inline-011"]{border-bottom:1px solid #333; padding:10px 5px; margin-bottom:5px;}
[data-ui~="u-inline-012"]{color:#f39c12; font-weight:bold;}
[data-ui~="u-inline-013"]{color:#888;}
[data-ui~="u-inline-014"]{margin-left:6px;}
[data-ui~="u-inline-015"]{color:#f39c12; font-weight:900;}
[data-ui~="u-inline-016"]{background:#161616; border:1px solid #222; border-radius:8px; padding:25px; color:#777; text-align:center;}
[data-ui~="u-inline-017"]{margin-top:0;}
[data-ui~="u-inline-018"]{object-fit:fill;}
[data-ui~="u-inline-019"]{justify-content:flex-start;}
[data-ui~="u-inline-020"]{margin-top:2px; color:#aaa;}
[data-ui~="u-inline-021"]{margin-top:12px; display:flex; justify-content:space-between; align-items:center; gap:10px;}
[data-ui~="u-inline-022"]{font-weight:900; color:#f39c12;}
[data-ui~="u-inline-023"]{display:block; font-weight:800; font-size:13px; line-height:1.1; text-transform:uppercase;}
[data-ui~="u-inline-024"]{display:block; font-size:12px; font-weight:700; line-height:1.1; margin-top:2px; text-transform:none; white-space:nowrap;}
[data-ui~="u-inline-025"]{margin-bottom:8px; width:100%;}
[data-ui~="u-inline-026"]{width:100%; padding:8px 10px; background:#0f0f0f; color:#fff; border:1px solid #333; border-radius:6px;}
[data-ui~="u-inline-027"]{margin-top:8px; display:flex; align-items:flex-end; justify-content:space-between; gap:12px; width:100%;}
[data-ui~="u-inline-028"]{font-weight:900; color:#f39c12; text-align:left; white-space:nowrap; font-size:16px; line-height:1.2;}
[data-ui~="u-inline-029"]{font-size:13px; color:#888; text-align:right; margin-left:auto; line-height:1.2; white-space:nowrap;}
[data-ui~="u-inline-030"]{margin-bottom:8px; width:100%; background:#151515; border:1px solid #2f2f2f; border-radius:12px; padding:10px;}
[data-ui~="u-inline-031"]{display:block; margin:0 0 8px; color:#ddd; font-size:12px; font-weight:800;}
[data-ui~="u-inline-032"]{display:flex; align-items:center; gap:8px; width:100%;}
[data-ui~="u-inline-033"]{width:36px; height:36px; border-radius:10px; border:1px solid #3a3a3a; background:#1c1c1c; color:#fff; font-size:20px; line-height:1; cursor:pointer;}
[data-ui~="u-inline-034"]{flex:1 1 auto; text-align:center; padding:8px 10px; background:#0f0f0f; color:#fff; border:1px solid #333; border-radius:10px; box-sizing:border-box; font-weight:800;}
[data-ui~="u-inline-035"]{margin-top:10px; display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%;}
[data-ui~="u-inline-036"]{font-size:12px; color:#888;}
[data-ui~="u-inline-037"]{font-weight:900; color:#f39c12; font-size:16px;}
[data-ui~="u-inline-038"]{margin-top:6px; font-size:12px; color:#888; max-width:360px;}
[data-ui~="u-inline-039"]{color:#f39c12; font-weight:bold; text-decoration:underline;}
[data-ui~="u-inline-040"]{color:#777;}
[data-ui~="u-inline-041"]{color:#555; font-size:12px; padding: 10px;}
[data-ui~="u-inline-042"]{color:#2ecc71;}
[data-ui~="u-inline-043"]{color:#e74c3c;}
[data-ui~="u-inline-044"]{color: #f1c40f;}
[data-ui~="u-inline-045"]{color:#e74c3c; font-size:12px; padding: 10px;}
[data-ui~="u-inline-046"]{display:inline-block; margin-top:12px; text-decoration:none;}
[data-ui~="u-inline-047"]{display:none;}
[data-ui~="u-inline-048"]{margin-top:18px;}
[data-ui~="u-inline-049"]{font-family:Arial,sans-serif; line-height:1.6}
[data-ui~="u-inline-050"]{margin:0 0 12px 0}
[data-ui~="u-inline-051"]{white-space:pre-wrap}
[data-ui~="u-inline-052"]{color:#777; font-size:12px; margin-top:14px}
[data-ui~="u-inline-053"]{padding:10px;display:flex;gap:8px;flex-wrap:wrap;}
[data-ui~="u-inline-054"]{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
[data-ui~="u-inline-055"]{display:flex;flex-wrap:wrap;gap:8px 14px;}
[data-ui~="u-inline-056"]{margin:0 0 12px 0;justify-content:space-between;align-items:center;}
[data-ui~="u-inline-057"]{font-weight:400;}
[data-ui~="u-inline-058"]{overflow:auto;}
[data-ui~="u-inline-059"]{margin-top:12px;}
[data-ui~="u-inline-060"]{margin-top:8px;font-size:12px;}
[data-ui~="u-inline-061"]{color:#777}
[data-ui~="u-inline-062"]{color:#f1c40f; font-weight:900;}
[data-ui~="u-inline-063"]{color:#e74c3c; font-weight:900;}
[data-ui~="u-inline-064"]{color:#00fff7;}
[data-ui~="u-inline-065"]{color:#00fff7; font-weight:900;}
[data-ui~="u-inline-066"]{color:#9b59b6; font-weight:900;}
[data-ui~="u-inline-067"]{color:#f1c40f;}
[data-ui~="u-inline-068"]{color:#2ecc71;font-weight:900;}
[data-ui~="u-inline-069"]{color:#e74c3c;font-weight:900;}
[data-ui~="u-inline-070"]{color:#f1c40f;font-weight:900;}
[data-ui~="u-inline-071"]{display:flex; gap:12px; align-items:flex-end; flex-wrap:wrap;}
[data-ui~="u-inline-072"]{flex:1; min-width:240px;}
[data-ui~="u-inline-073"]{margin-top:18px; border-top:1px solid #2a2a2a; padding-top:18px;}
[data-ui~="u-inline-074"]{margin:0 0 12px 0; color:#f39c12;}
[data-ui~="u-inline-075"]{display:grid; grid-template-columns: 1fr; gap:10px;}
[data-ui~="u-inline-076"]{display:grid; grid-template-columns: 1fr 1fr; gap:10px; margin-top:10px;}
[data-ui~="u-inline-077"]{border:none; width:100%; cursor:pointer; margin-top:10px;}
[data-ui~="u-inline-078"]{display:none; margin:0 0 12px 0; color:#f39c12;}
[data-ui~="u-inline-079"]{display:grid; grid-template-columns: 1fr; gap:10px; margin-top:10px;}
[data-ui~="u-inline-080"]{color:#f8c471; font-weight:700;}
[data-ui~="u-inline-081"]{color:#9aa; font-family:monospace; font-size:12px;}
[data-ui~="u-inline-082"]{color:#666;}
[data-ui~="u-inline-083"]{display:flex; gap:8px; align-items:center;}
[data-ui~="u-inline-084"]{background:#3498db; color:#fff;}
[data-ui~="u-inline-085"]{margin:0;}
[data-ui~="u-inline-086"]{background:#e74c3c; color:#fff;}
[data-ui~="u-inline-087"]{display:grid; grid-template-columns: 1fr 1fr; gap:10px;}
[data-ui~="u-inline-088"]{margin-top:12px; padding-top:12px; border-top:1px solid #2a2a2a;}
[data-ui~="u-inline-089"]{font-weight:900; margin-bottom:8px;}
[data-ui~="u-inline-090"]{display:grid; grid-template-columns: 2fr 1fr; gap:10px;}
[data-ui~="u-inline-091"]{margin-top:10px;}
[data-ui~="u-inline-092"]{margin-top:8px; color:#bbb; font-size:13px; line-height:1.4;}
[data-ui~="u-inline-093"]{color:#bbb; font-size:13px; line-height:1.4; margin-bottom:10px;}
[data-ui~="u-inline-094"]{margin-top:8px; color:#888; font-size:12.5px;}
[data-ui~="u-inline-095"]{border:none; width:100%; cursor:pointer;}
[data-ui~="u-inline-096"]{max-width:280px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
[data-ui~="u-inline-097"]{background:#f39c12; color:#000;}
[data-ui~="u-inline-098"]{display:inline; margin:0;}
[data-ui~="u-inline-099"]{display:flex; flex-direction:column; align-items:center; gap:8px; margin:6px 0 14px 0;}
[data-ui~="u-inline-100"]{text-align:center;}
[data-ui~="u-inline-101"]{display:block; font-weight:900; margin-bottom:6px;}
[data-ui~="u-inline-102"]{min-width:320px; text-align-last:center;}
[data-ui~="u-inline-103"]{display:flex; flex-direction:column; align-items:center; gap:10px; margin:8px 0 0 0;}
[data-ui~="u-inline-104"]{display:flex; gap:18px; flex-wrap:wrap; justify-content:center; padding:10px 12px; border-radius:10px; border:1px solid #2f2f2f; background:#0f0f0f;}
[data-ui~="u-inline-105"]{display:flex; align-items:center; gap:8px; font-weight:900; color:#ddd; cursor:pointer;}
[data-ui~="u-inline-106"]{min-width:320px; max-width:720px; width:100%; box-sizing:border-box; padding:10px 12px; border-radius:10px; border:1px solid #2f2f2f; background:#101010; color:#bbb; font-weight:800; text-align:center;}
[data-ui~="u-inline-107"]{width:100%; max-width:980px; margin:0 auto;}
[data-ui~="u-inline-108"]{background:#0b0b0b; border:1px solid #333; border-radius:10px; padding:12px; height:460px; overflow:auto; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; font-size:13px; line-height:1.35; white-space:pre-wrap;}
[data-ui~="u-inline-109"]{margin-top:12px; display:flex; flex-direction:column; gap:10px;}
[data-ui~="u-inline-110"]{width:100%; min-height:92px; height:92px; resize:vertical; padding:14px; font-size:15px; line-height:1.35; border-radius:8px; border:1px solid #333; background:#111; color:#eee;}
[data-ui~="u-inline-111"]{display:flex; justify-content:flex-end;}
[data-ui~="u-inline-112"]{border:none; cursor:pointer; padding:10px 16px; border-radius:8px; font-weight:900; text-transform:uppercase; font-size:12px; background:linear-gradient(135deg, #f1c40f 0%, #f39c12 100%); color:#000;}
[data-ui~="u-inline-113"]{background:#0b0b0b; border:1px solid #333; border-radius:10px; padding:12px; height:520px; overflow:auto; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; font-size:13px; line-height:1.35; white-space:pre-wrap;}
[data-ui~="u-inline-114"]{display:grid; grid-template-columns:1fr; gap:18px; margin-bottom:18px;}
[data-ui~="u-inline-115"]{display:flex; gap:8px; flex-wrap:wrap; align-items:flex-end; margin:0 0 12px 0;}
[data-ui~="u-inline-116"]{flex:1; min-width:220px;}
[data-ui~="u-inline-117"]{display:block; font-size:12px; color:#f39c12; font-weight:800; margin-bottom:6px;}
[data-ui~="u-inline-118"]{background:#333;color:#fff;}
[data-ui~="u-inline-119"]{margin-left:auto; color:#aaa; font-size:12px;}
[data-ui~="u-inline-120"]{color:#fff;}
[data-ui~="u-inline-121"]{color:#888; padding:8px 4px;}
[data-ui~="u-inline-122"]{margin:0 0 10px 0;}
[data-ui~="u-inline-123"]{color:#777; font-size:12px;}
[data-ui~="u-inline-124"]{color:#999; font-size:12px;}
[data-ui~="u-inline-125"]{margin-bottom:0;}
[data-ui~="u-inline-126"]{background:#2ecc71; color:#111;}
[data-ui~="u-inline-127"]{display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-top:12px;}
[data-ui~="u-inline-128"]{background:#121212; border:1px solid #333; border-radius:8px; padding:16px; margin-bottom:18px;}
[data-ui~="u-inline-129"]{display:flex; gap:10px; flex-wrap:wrap; align-items:end;}
[data-ui~="u-inline-130"]{height:42px;}
[data-ui~="u-inline-131"]{background:#121212; border:1px solid #333; border-radius:8px; padding:16px;}
[data-ui~="u-inline-132"]{display:none; font-weight:900; color:#f39c12; margin-bottom:10px;}
[data-ui~="u-inline-133"]{margin-top:18px; color:#888; font-size:12px; line-height:1.6;}
[data-ui~="u-inline-134"]{margin-top:18px; background:#121212; border:1px solid #333; border-radius:8px; padding:16px;}
[data-ui~="u-inline-135"]{display:flex; justify-content:space-between; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:10px;}
[data-ui~="u-inline-136"]{width:100%; border-collapse:collapse;}
[data-ui~="u-inline-137"]{background:#1c1c1c; color:#f39c12;}
[data-ui~="u-inline-138"]{padding:10px; text-align:left;}
[data-ui~="u-inline-139"]{border-top:1px solid #2a2a2a;}
[data-ui~="u-inline-140"]{padding:10px; color:#ddd; white-space:nowrap;}
[data-ui~="u-inline-141"]{padding:10px; color:#ddd;}
[data-ui~="u-inline-142"]{padding:10px; color:#bbb;}
[data-ui~="u-inline-143"]{font-weight:900; color:#f39c12; margin-bottom:10px;}
[data-ui~="u-inline-144"]{padding:10px; color:#999;}
[data-ui~="u-inline-145"]{padding:10px; color:#f39c12; font-weight:900;}
[data-ui~="u-inline-146"]{padding:10px; white-space:nowrap;}
[data-ui~="u-inline-147"]{background:#3498db; color:#fff; margin-right:6px;}
[data-ui~="u-inline-148"]{background:#f39c12; color:#111;}
[data-ui~="u-inline-149"]{display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-top:14px;}
[data-ui~="u-inline-150"]{display:flex; gap:12px; flex-wrap:wrap; align-items:end;}
[data-ui~="u-inline-151"]{min-width:180px; flex:0 0 180px;}
[data-ui~="u-inline-152"]{min-width:240px; flex:0 0 240px;}
[data-ui~="u-inline-153"]{min-width:280px; flex:1;}
[data-ui~="u-inline-154"]{height:1px; background:#2a2a2a; margin:14px 0;}
[data-ui~="u-inline-155"]{min-width:160px; flex:0 0 160px;}
[data-ui~="u-inline-156"]{height:160px; font-family:monospace;}
[data-ui~="u-inline-157"]{display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin:0 0 12px 0;}
[data-ui~="u-inline-158"]{display:flex; gap:8px; align-items:center; flex-wrap:wrap;}
[data-ui~="u-inline-159"]{background:#1e1e1e; color:#f39c12;}
[data-ui~="u-inline-160"]{padding:10px; border:1px solid #333; text-align:left;}
[data-ui~="u-inline-161"]{padding:10px; border:1px solid #333;}
[data-ui~="u-inline-162"]{padding:12px; border:1px solid #333; color:#aaa;}
[data-ui~="u-inline-163"]{padding:10px; border:1px solid #333; font-family:monospace;}
[data-ui~="u-inline-164"]{padding:10px; border:1px solid #333; text-align:center; font-weight:900;}
[data-ui~="u-inline-165"]{padding:10px; border:1px solid #333; text-align:center;}
[data-ui~="u-inline-166"]{font-weight:900; color:#e74c3c;}
[data-ui~="u-inline-167"]{padding:10px; border:1px solid #333; text-align:center; color:#ccc;}
[data-ui~="u-inline-168"]{color:#27ae60; font-weight:900;}
[data-ui~="u-inline-169"]{padding:10px; border:1px solid #333; color:#bbb;}
[data-ui~="u-inline-170"]{padding:10px; border:1px solid #333; text-align:center; white-space:nowrap;}
[data-ui~="u-inline-171"]{display:inline;}
[data-ui~="u-inline-172"]{padding:8px 10px;}
[data-ui~="u-inline-173"]{padding:8px 10px; background:#3a1e1e; border-color:#5a2a2a;}
[data-ui~="u-inline-174"]{display:none; background:#121212; border:1px solid #333; border-radius:8px; padding:16px; margin-bottom:18px;}
[data-ui~="u-inline-175"]{border:1px solid #333; border-radius:10px; background:#121212; margin-bottom:18px;}
[data-ui~="u-inline-176"]{list-style:none; cursor:pointer; padding:14px 16px; font-weight:900; color:#f39c12; display:flex; align-items:center; justify-content:space-between; gap:10px;}
[data-ui~="u-inline-177"]{font-size:12px; color:#999;}
[data-ui~="u-inline-178"]{padding:14px 16px 16px; border-top:1px solid #242424;}
[data-ui~="u-inline-179"]{display:flex; gap:10px; align-items:center; margin:10px 0;}
[data-ui~="u-inline-180"]{width:auto; margin:0;}
[data-ui~="u-inline-181"]{border:none; width:100%; cursor:pointer; margin-top:6px;}
[data-ui~="u-inline-182"]{padding:10px;}
[data-ui~="u-inline-183"]{padding:10px; color:#bbb; font-family:monospace;}
[data-ui~="u-inline-184"]{padding:10px; text-align:center;}
[data-ui~="u-inline-185"]{color:#2ecc71; font-weight:800;}
[data-ui~="u-inline-186"]{color:#e74c3c; font-weight:800;}
[data-ui~="u-inline-187"]{padding:10px; text-align:center; white-space:nowrap;}
[data-ui~="u-inline-188"]{display:flex; flex-direction:column; gap:18px;}
[data-ui~="u-inline-189"]{border:1px solid #333; border-radius:10px; background:#121212;}
[data-ui~="u-inline-190"]{margin-top:12px; padding-top:12px; border-top:1px dashed #333;}
[data-ui~="u-inline-191"]{display:grid; grid-template-columns: repeat(auto-fit,minmax(230px,1fr)); gap:8px;}
[data-ui~="u-inline-192"]{display:flex; align-items:center; gap:10px; padding:8px 10px; border:1px solid #2a2a2a; border-radius:8px; margin:0;}
[data-ui~="u-inline-193"]{border:none; width:100%; cursor:pointer; margin-top:12px;}
[data-ui~="u-inline-194"]{color:#2ecc71;font-weight:800;}
[data-ui~="u-inline-195"]{color:#e74c3c;font-weight:800;}
[data-ui~="u-inline-196"]{color:#8e8e8e; font-size:12px; margin-bottom:10px;}
[data-ui~="u-inline-197"]{margin:0; display:flex; gap:8px; align-items:center; flex-wrap:wrap;}
[data-ui~="u-inline-198"]{min-width:220px;}
[data-ui~="u-inline-199"]{padding:10px; color:#bbb; font-size:12px;}
[data-ui~="u-inline-200"]{display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap;}
[data-ui~="u-inline-201"]{display:flex; gap:8px; flex-wrap:wrap;}
[data-ui~="u-inline-202"]{background:#444; color:#fff;}
[data-ui~="u-inline-203"]{background:#2ecc71; color:#000;}
[data-ui~="u-inline-204"]{margin-top:14px; background:#121212; border:1px solid #333; border-radius:10px; padding:14px;}
[data-ui~="u-inline-205"]{min-height:320px;}
[data-ui~="u-inline-206"]{display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin:10px 0;}
[data-ui~="u-inline-207"]{display:flex; gap:8px; align-items:center; margin:0;}
[data-ui~="u-inline-208"]{color:#888; font-size:12px;}
[data-ui~="u-inline-209"]{width:auto;}
[data-ui~="u-inline-210"]{margin:10px 0; color:#aaa; font-size:12px;}
[data-ui~="u-inline-211"]{margin-top:14px;}
[data-ui~="u-inline-212"]{color:#f39c12; margin-bottom:15px;}
[data-ui~="u-inline-213"]{font-size:13px; color:#ddd; max-height:250px; overflow-y:auto;}
[data-ui~="u-inline-214"]{margin-top:20px; width:100%; padding:10px; background:#444; color:#fff; border:none; cursor:pointer;}
[data-ui~="u-inline-215"]{color:#f39c12;}
[data-ui~="u-inline-216"]{margin-top:20px; color:#888;}
[data-ui~="u-inline-217"]{margin: 0 0 15px 0;}
[data-ui~="u-inline-218"]{display:flex; gap:10px; align-items:flex-end; flex-wrap:wrap; margin: 0 0 15px 0;}
[data-ui~="u-inline-219"]{min-width:260px; margin:0;}
[data-ui~="u-inline-220"]{margin:0; min-width:160px;}
[data-ui~="u-inline-221"]{background:#f39c12; color:#000; padding:10px 14px;}
[data-ui~="u-inline-222"]{background:#333; color:#fff; padding:10px 14px;}
[data-ui~="u-inline-223"]{margin-left:auto; font-size:12px; color:#aaa;}
[data-ui~="u-inline-224"]{color:#f39c12; font-weight:800;}
[data-ui~="u-inline-225"]{display:flex; gap:8px; flex-wrap:wrap; align-items:center;}
[data-ui~="u-inline-226"]{background:#e67e22; color:#000;}
[data-ui~="u-inline-227"]{background:#222; color:#fff;}
[data-ui~="u-inline-228"]{display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-top:15px;}
[data-ui~="u-inline-229"]{color:#777; padding:0 4px;}
[data-ui~="u-inline-230"]{width:520px;}
[data-ui~="u-inline-231"]{width:100%; padding:10px; background:#121212; border:1px solid #444; color:#fff; border-radius:4px; box-sizing:border-box;}
[data-ui~="u-inline-232"]{display:flex; gap:10px; margin-top:12px;}
[data-ui~="u-inline-233"]{background:#3498db; color:#fff; padding:10px 14px;}
[data-ui~="u-inline-234"]{margin-bottom:18px;}
[data-ui~="u-inline-235"]{display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:8px;}
[data-ui~="u-inline-236"]{border:1px solid #2a2a2a; border-radius:10px; background:#101010; padding:0;}
[data-ui~="u-inline-237"]{list-style:none; cursor:pointer; padding:12px 14px; font-weight:900; color:#f39c12; display:flex; align-items:center; justify-content:space-between; gap:10px;}
[data-ui~="u-inline-238"]{padding:0 14px 14px; border-top:1px solid #242424;}
[data-ui~="u-inline-239"]{margin-top:2px; margin-bottom:8px;}
[data-ui~="u-inline-240"]{font-size:12px; color:#bbb; margin-bottom:8px; font-weight:800;}
[data-ui~="u-inline-241"]{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px;}
[data-ui~="u-inline-242"]{height:40px; justify-content:center;}
[data-ui~="u-inline-243"]{font-size:12px; color:#aaa; margin-bottom:6px;}
[data-ui~="u-inline-244"]{display:flex; gap:8px; align-items:center; margin-top:6px;}
[data-ui~="u-inline-245"]{color:#ddd;}
[data-ui~="u-inline-246"]{font-size:12px; color:#888; margin-top:6px;}
[data-ui~="u-inline-247"]{flex:1 1 140px;}
[data-ui~="u-inline-248"]{max-width:180px;}
[data-ui~="u-inline-249"]{display:flex; gap:8px; align-items:center; margin-top:10px;}
[data-ui~="u-inline-250"]{font-size:12px; color:#777; margin-top:6px;}
[data-ui~="u-inline-251"]{margin:8px 0 0; font-size:12px; color:#aaa;}
[data-ui~="u-inline-252"]{margin-top:8px;}
[data-ui~="u-inline-253"]{max-width:100%; width:auto; max-height:220px; object-fit:contain; border-radius:8px; border:1px solid #333;}
[data-ui~="u-inline-254"]{border:none; width:100%; cursor:pointer; margin-top:14px;}
[data-ui~="u-inline-255"]{border-top:1px solid #383838; background:#151515;}
[data-ui~="u-inline-256"]{padding:10px; color:#f0b04a; font-weight:900; text-transform:none;}
[data-ui~="u-inline-257"]{font-size:11px; color:#9ad1ff; margin-top:4px;}
[data-ui~="u-inline-258"]{display:flex; gap:10px; flex-wrap:wrap; margin:8px 0 14px;}
[data-ui~="u-inline-259"]{margin:0 0 14px;}
[data-ui~="u-inline-260"]{border:1px solid #2a2a2a; border-radius:10px; background:#101010; padding:0; margin-bottom:14px;}
[data-ui~="u-inline-261"]{padding:14px; border-top:1px solid #242424;}
[data-ui~="u-inline-262"]{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:10px;}
[data-ui~="u-inline-263"]{font-size:12px; color:#888; margin:-2px 0 10px;}
[data-ui~="u-inline-264"]{font-size:12px; color:#888; margin:-4px 0 8px;}
[data-ui~="u-inline-265"]{max-width:100%; width:auto; max-height:180px; object-fit:contain; border-radius:10px; border:1px solid #333;}
[data-ui~="u-inline-266"]{border-top:1px solid #3a3a3a; background:#171717;}
[data-ui~="u-inline-267"]{padding:10px; color:#f0b04a; font-weight:900;}
[data-ui~="u-inline-268"]{color:#888; font-size:12px; margin-bottom:10px;}
[data-ui~="u-inline-269"]{margin-bottom:14px; border:1px solid #2a2a2a; border-radius:10px; background:#101010;}
[data-ui~="u-inline-270"]{padding:0 12px 12px; border-top:1px solid #242424;}
[data-ui~="u-inline-271"]{margin-bottom:0; padding:12px 0 0; border:none; border-radius:0; background:transparent;}
[data-ui~="u-inline-272"]{font-weight:800; color:#ddd; margin-bottom:6px;}
[data-ui~="u-inline-273"]{display:flex; gap:14px; align-items:center; flex-wrap:wrap; margin-bottom:10px;}
[data-ui~="u-inline-274"]{display:grid; grid-template-columns:2fr 1fr 1fr; gap:10px;}
[data-ui~="u-inline-275"]{display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-top:10px;}
[data-ui~="u-inline-276"]{display:flex; gap:8px; align-items:center; margin:20px 0 0 0;}
[data-ui~="u-inline-277"]{grid-column:1/-1; margin:6px 0 0; padding:10px 12px; border:1px solid #2a2a2a; border-radius:10px; background:#151515; color:#f0b04a; font-weight:900;}
[data-ui~="u-inline-278"]{font-size:11px; color:#aaa; margin-bottom:4px;}
[data-ui~="u-inline-279"]{font-size:11px; color:#888; margin-bottom:8px;}
[data-ui~="u-inline-280"]{font-size:12px;}
[data-ui~="u-inline-281"]{font-size:12px; margin-top:8px;}
[data-ui~="u-inline-282"]{display:flex; gap:8px; align-items:center; margin-top:8px;}
[data-ui~="u-inline-283"]{font-size:11px; color:#777; margin:2px 0 6px;}
[data-ui~="u-inline-284"]{max-width:100%; width:auto; max-height:140px; object-fit:contain; border-radius:10px; border:1px solid #333;}
[data-ui~="u-inline-285"]{margin-top:10px; padding-top:10px; border-top:1px dashed #333;}
[data-ui~="u-inline-286"]{display:grid; grid-template-columns:1fr; gap:8px;}
[data-ui~="u-inline-287"]{background:#c0392b; color:#fff; width:100%; justify-content:center;}
[data-ui~="u-inline-288"]{background:#e74c3c; color:#fff; width:100%; justify-content:center;}
[data-ui~="u-inline-289"]{font-size:12px;color:#999;font-weight:700;}
[data-ui~="u-inline-290"]{max-width:100%;height:auto}
[data-ui~="u-inline-291"]{color:' + forumPreviewEscape(sc) + '}
[data-ui~="u-inline-292"]{font-size:' + forumPreviewEscape(ssz) + '}
[data-ui~="u-inline-293"]{font-family:' + forumPreviewEscape(sf) + '}
[data-ui~="u-inline-294"]{font-family:Arial;padding:20px}
[data-ui~="u-inline-295"]{margin:0 0 10px;font-size:22px;}
[data-ui~="u-inline-296"]{padding:12px;}
[data-ui~="u-inline-297"]{font-size:18px;}
[data-ui~="u-inline-298"]{margin:0;font-size:22px;}


/* ===== stage 3 premium polish ===== */
.ui-alert{
    display:flex;
    flex-direction:column;
    gap:6px;
    padding:14px 16px;
    border-radius:14px;
    border:1px solid #2f2f2f;
    background:#131313;
    line-height:1.6;
}
.ui-alert__title{font-weight:900;color:#fff;}
.ui-alert__body{color:#d4d4d4;}
.ui-alert--error{border-color:#6b2f2f;background:#211313;color:#ffd9d9;}
.ui-alert--success{border-color:#275f3e;background:#102016;color:#d7ffe5;}
.ui-alert--info{border-color:#2c4a64;background:#101922;color:#d7edff;}
.ui-state-card{
    display:flex;
    gap:16px;
    align-items:flex-start;
    padding:22px;
    border-radius:18px;
    border:1px solid #2b2b2b;
    background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
    box-shadow:0 16px 40px rgba(0,0,0,.28);
}
.ui-state-card--compact{padding:16px;border-radius:14px;}
.ui-state-card__icon{
    width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;
    border-radius:999px;background:rgba(243,156,18,.12);border:1px solid rgba(243,156,18,.22);
    color:#f7c66c;font-size:20px;font-weight:900;flex:0 0 auto;
}
.ui-state-card__content{display:flex;flex-direction:column;gap:8px;}
.ui-state-card__title{margin:0;color:#fff;font-size:1.1rem;line-height:1.3;}
.ui-state-card__text{margin:0;color:#c9c9c9;line-height:1.7;max-width:72ch;}
.ui-state-card__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px;}
.ui-state-card--error .ui-state-card__icon{background:rgba(231,76,60,.12);border-color:rgba(231,76,60,.22);color:#ff9d92;}
.ui-state-card--success .ui-state-card__icon{background:rgba(46,204,113,.12);border-color:rgba(46,204,113,.22);color:#8ff0b4;}
.ui-action-link{
    display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;
    border-radius:999px;border:1px solid #333;background:#171717;color:#efefef;text-decoration:none;font-weight:800;
}
.ui-action-link:hover{border-color:#f39c12;color:#fff;}
.ui-action-link--accent{background:#f39c12;color:#111;border-color:#f39c12;}
.ui-action-link--accent:hover{filter:brightness(1.03);color:#111;}
.ui-action-link--muted{color:#cfcfcf;}
.ui-loading{
    display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:14px;
    border:1px dashed #3a3a3a;background:#111;color:#d1d1d1;
}
.ui-loading::before{
    content:'';width:14px;height:14px;border-radius:999px;border:2px solid rgba(243,156,18,.22);border-top-color:#f39c12;
    animation:uiSpin .75s linear infinite;
}
@keyframes uiSpin{to{transform:rotate(360deg);}}
.ui-history-list{display:flex;flex-direction:column;gap:10px;}
.ui-history-item{padding:12px 14px;border-radius:12px;border:1px solid #2a2a2a;background:#121212;}
.ui-history-item__title{font-weight:800;color:#fff;}
.ui-history-item__meta{margin-top:4px;color:#b1b1b1;font-size:13px;}
.auth-form.is-submitting{opacity:.9;}
.auth-btn.is-pending{cursor:progress;opacity:.88;}
.page-section__header{display:flex;flex-direction:column;gap:8px;}
.server-mini-info b{color:#fff;}
.server-subpage-header{margin-bottom:18px;}
.server-subpage-header:last-child{margin-bottom:0;}

.admin-nav-group-toggle{text-transform:none;letter-spacing:.02em;}
.admin-sidebar a,.admin-nav-link{font-weight:700;}
@media (max-width: 700px){
  .ui-state-card{padding:18px;gap:14px;}
  .ui-state-card__actions,.page-section__header{gap:8px;}
  .ui-action-link{width:100%;}
}



/* ===== public layout cleanup (requested visual simplification) ===== */
.page-section{
    gap:16px;
}
.page-section__header,
.page-intro-card{
    padding:0 !important;
    background:transparent !important;
    border:none !important;
    border-radius:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
}
.page-section__header::after,
.page-intro-card::after{
    display:none !important;
}
.page-kicker{
    display:none !important;
}
.page-heading{
    margin:0;
}
.page-subtitle{
    max-width:980px;
}
.user-greeting{
    display:inline-flex;
    align-items:center;
    font-weight:800;
}
.user-greeting b{
    margin-left:0 !important;
}
.user-bar{
    gap:8px;
}
.guest-greeting{
    display:none !important;
}

/* ===== support page rebalance ===== */
.support-summary-card,
.support-wrap,
.support-stack,
.support-card{
    width:100%;
    max-width:none;
}
.support-summary-card{
    margin:0;
}
.page-meta-row--support{
    margin-top:0;
}
.support-wrap{
    margin:0;
    padding:0;
}
.support-stack{
    gap:16px;
}
.support-card{
    padding:18px;
    border-radius:18px;
    background:linear-gradient(180deg, rgba(255,255,255,.016), rgba(255,255,255,.008));
    border:1px solid #2a2a2a;
}
.support-panel-divider{
    height:1px;
    margin:2px 0 0;
    background:#232323;
}
.support-section-head{
    margin-bottom:12px;
}
.support-create-box,
.support-list,
.support-pagination{
    width:100%;
}
.support-empty-inline{
    padding:18px 20px;
    border:1px solid #252525;
    border-radius:14px;
    background:#101010;
    color:#9a9a9a;
}
.support-create-box > summary{
    min-height:48px;
    padding:12px 14px;
}
.support-create-inner{
    padding-top:14px;
}
.support-subtabs a{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.support-open-btn{
    min-height:38px;
}
.support-ticket-row{
    padding:14px;
    border-radius:14px;
}
.support-ticket-meta-cols{
    gap:12px 18px;
}
.support-inline-thread{
    margin-top:14px;
    padding-top:14px;
}
@media (max-width: 860px){
    .page-section{
        gap:14px;
    }
    .support-card{
        padding:16px;
        border-radius:16px;
    }
}
@media (max-width: 640px){
    .page-heading{
        font-size:24px;
    }
    .support-card{
        padding:14px;
        border-radius:14px;
    }
}

/* ===== stage 4 admin shell ===== */
.admin-sidebar{
    position:sticky;
    top:24px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.01));
}
.admin-main{
    position:relative;
    overflow:hidden;
}
.admin-shell-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:18px;
    flex-wrap:wrap;
    margin-bottom:22px;
    padding:20px 22px;
    border:1px solid #2f2f2f;
    border-radius:20px;
    background:
        radial-gradient(circle at top right, rgba(243,156,18,.12), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.012));
}
.admin-shell-copy{display:flex;flex-direction:column;gap:8px;max-width:78ch;}
.admin-shell-kicker{
    margin:0;
    color:#f0c26a;
    font-size:11px;
    font-weight:900;
    letter-spacing:.16em;
    text-transform:uppercase;
}
.admin-shell-title{
    margin:0;
    color:#fff;
    font-size:clamp(1.75rem, 3vw, 2.3rem);
    line-height:1.05;
}
.admin-shell-subtitle{
    margin:0;
    color:#ababab;
    line-height:1.7;
}
.admin-shell-meta{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    justify-content:flex-end;
}
.admin-shell-pill,
.admin-shell-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 14px;
    border-radius:999px;
    border:1px solid #333;
    background:#111;
    color:#ddd;
    text-decoration:none;
    font-weight:800;
    font-size:12px;
}
.admin-shell-pill--accent{
    background:rgba(243,156,18,.08);
    border-color:rgba(243,156,18,.28);
    color:#f4c36a;
}
.admin-shell-link:hover{
    border-color:#f39c12;
    color:#fff;
}
.admin-sidebar a,
.admin-sidebar .admin-nav-group-toggle{
    min-height:48px;
}
.admin-sidebar .admin-nav-group-toggle{
    text-transform:none;
    letter-spacing:.02em;
}
.admin-nav-group-items a{
    padding-left:22px;
}
.icon-btn--label{
    width:auto;
    min-width:0;
    height:36px;
    padding:0 12px;
    border-radius:999px;
    font-size:12px;
    line-height:1;
    background:#171717;
    border:1px solid #343434;
    color:#e2e2e2;
}
.icon-btn--label:hover{
    background:#202020;
    border-color:#4a4a4a;
}
.icon-btn--danger{
    color:#ffcece;
    border-color:#5b2a2a;
    background:#201111;
}
.icon-btn--danger:hover{
    background:#281515;
    border-color:#7b3333;
}
.user-actions{min-width:260px;}
.users-admin-table th:nth-child(8), .users-admin-table td:nth-child(8){width:260px;}
.users-admin-table .user-actions .icon-btn--label{
    width:auto;
    height:36px;
    min-width:0;
    padding:0 10px;
}
@media (max-width: 980px){
    .admin-sidebar{
        position:static;
        top:auto;
    }
}
@media (max-width: 700px){
    .admin-shell-header{
        padding:18px;
        border-radius:18px;
    }
    .admin-shell-meta{
        justify-content:flex-start;
    }
}
@media (max-width: 640px){
    .user-actions{min-width:0;}
    .users-admin-table th:nth-child(8), .users-admin-table td:nth-child(8){width:220px;}
}

/* ===== final public cleanup ===== */
.page-section__header{
    display:none !important;
}
.page-kicker,
.page-intro-card .page-heading,
.page-intro-card .page-subtitle,
.admin-page-head .page-heading,
.admin-page-head .page-subtitle{
    display:none !important;
}
.page-intro-card--inline,
.page-intro-card--split,
.admin-page-head > div{
    gap:0 !important;
}

/* ===== Kompaktowa przypięta góra + przypięta stopka ===== */
:root{
    --site-footer-height: 44px;
}
body{
    padding-bottom: calc(var(--site-footer-height) + 10px);
}
.top-fixed-wrapper{
    box-shadow: 0 4px 14px rgba(0,0,0,.72);
}
.server-list-bar{
    padding: 8px 16px;
    gap: 10px;
}
.server-tile{
    min-width: 188px;
    padding: 8px 12px;
    border-radius: 10px;
}
.tile-name{
    font-size: 11px;
    margin-bottom: 3px;
}
.tile-line{
    font-size: 10px;
    line-height: 1.3;
}
.tile-ip-box{
    margin-top: 8px;
    padding: 5px 6px;
    font-size: 10px;
}
.tile-mini-links{
    gap: 5px;
    margin-top: 5px;
}
.tile-mini-link{
    margin-top: 0;
    padding: 4px 6px;
    font-size: 10px;
}
.header-inner{
    padding: 8px 18px;
    min-height: 54px;
}
.header-inner img,
.logo img{
    max-height: 38px;
}
.logo-text{
    font-size: 18px;
}
.user-bar{
    font-size: 12px;
    gap: 8px;
}
.user-nav-icon{
    margin: 0 3px;
    padding: 3px;
}
.icon-svg{
    width: 20px;
    height: 20px;
}
.hurts-pill{
    margin-left: 0;
    padding: 5px 8px;
    font-size: 11px;
}
.nav-inner{
    padding: 9px 18px;
    gap: 24px;
}
.nav-inner a{
    font-size: 13px;
}
.nav-inner a.active::after{
    margin-top: 4px;
}
.site-footer{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 995;
    margin-top: 0;
    background: rgba(9,9,9,.96);
    border-top: 1px solid #1f1f1f;
    box-shadow: 0 -6px 18px rgba(0,0,0,.35);
    backdrop-filter: blur(6px);
}
.site-footer .container{
    min-height: var(--site-footer-height);
    padding: 6px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    text-align: center;
}
.site-footer-stack{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:1px;
    width:100%;
}
.site-footer-line--main{
    font-size: 11px;
    line-height: 1.15;
}
.site-footer-line--legal{
    font-size: 11px;
    line-height: 1.15;
}
.site-footer-line--sub{
    display:none;
}

@media (max-width: 1024px){
    .server-list-bar{
        padding: 7px 12px;
    }
    .server-tile{
        min-width: 180px;
    }
    .header-inner{
        padding: 8px 14px;
    }
    .nav-inner{
        gap: 18px;
    }
}

@media (max-width: 768px){
    :root{
        --site-footer-height: 50px;
    }
    body{
        padding-bottom: calc(var(--site-footer-height) + 10px);
    }
    .top-fixed-wrapper{
        position: static;
        box-shadow: none;
    }
    .server-list-bar{
        padding: 8px 12px;
        gap: 8px;
    }
    .server-tile{
        min-width: 170px;
        padding: 8px 10px;
    }
    .header-inner{
        padding: 10px 14px;
        min-height: 0;
    }
    .user-bar{
        gap: 6px;
        font-size: 11px;
    }
    .nav-inner{
        padding: 8px 14px;
        gap: 14px;
    }
    .site-footer .container{
        flex-direction: column;
        gap: 2px;
        padding: 6px 12px;
    }
}


/* ===== v4: usuń widoczne nagłówki sekcji + napraw karty serwerów ===== */
.page-section > .visually-hidden:first-child{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    white-space:nowrap;
    border:0;
}

.news-card.server-card{
    height:auto !important;
    min-height:0 !important;
}
.news-card.server-card .news-content{
    gap:10px;
    padding-bottom:14px;
}
.news-card.server-card .news-actions{
    margin-top:0;
}
.server-card-header{
    height:82px;
}
.server-status-box{
    margin:10px 0 8px;
    padding:12px;
}
.server-detail-line.server-detail-centered{
    min-height:40px;
    margin-bottom:4px;
}
.server-links{
    gap:6px;
}
.server-links .news-btn{
    min-height:34px !important;
    padding:6px 10px !important;
    border-radius:8px !important;
    font-size:11px !important;
    line-height:1.1 !important;
    box-shadow:none !important;
}
@media (max-width: 768px){
    .server-card-header{
        height:74px;
    }
    .server-links .news-btn{
        min-height:32px !important;
        padding:6px 9px !important;
    }
}


/* ===== round 11: serwery + zgłoszenia cleanup ===== */
.news-card:hover{
    transform:none !important;
}

.server-grid{
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:18px;
    align-items:start;
}

.news-card.server-card,
.server-card{
    height:auto;
    min-height:0;
    padding-bottom:14px;
}

.server-card-header{
    height:72px;
    min-height:72px;
    padding:12px 14px 0;
}

.server-card-icon{
    width:44px;
    height:44px;
    border-radius:14px;
    font-size:22px;
}

.news-card.server-card .news-content{
    padding:14px 14px 0;
    gap:10px;
}

.server-title-centered{
    min-height:0;
    margin:0;
    font-size:16px;
    line-height:1.2;
}

.news-card.server-card .server-detail-line,
.server-detail-line.server-detail-centered{
    margin-bottom:0;
    font-size:11px;
    line-height:1.45;
}

.server-status-box{
    margin:8px 0 0;
    padding:12px 10px;
}

.server-status-box .status-badge{
    font-size:15px;
    line-height:1.15;
}

.server-status-small{
    margin-top:4px;
    font-size:9px;
}

.server-links{
    gap:8px;
}

.server-links .news-btn{
    min-height:34px;
    padding:0 8px;
    border-radius:10px;
    font-size:11px;
    line-height:1;
    box-shadow:none;
}

.support-section-head--with-summary{
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:14px 18px;
}

.support-section-head--with-summary h2{
    margin:0;
}

.page-meta-row--support{
    margin:0;
    justify-content:center;
    align-items:center;
}

.page-meta-row--support .page-meta-pill{
    min-width:112px;
    padding:8px 10px;
}

.page-meta-row--support .page-meta-pill strong{
    font-size:12px;
}

.support-subtabs{
    justify-self:end;
}

@media (max-width: 1700px){
    .server-grid{ grid-template-columns:repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 1360px){
    .server-grid{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 980px){
    .server-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
    .support-section-head--with-summary{
        grid-template-columns:1fr;
        justify-items:stretch;
    }
    .page-meta-row--support{
        justify-content:center;
    }
    .support-subtabs{
        justify-self:center;
    }
}

@media (max-width: 640px){
    .server-grid{ grid-template-columns:1fr; }
    .page-meta-row--support .page-meta-pill{
        min-width:calc(50% - 6px);
        flex:1 1 calc(50% - 6px);
    }
}


/* ===== round 12: kompaktowe karty ItemShop/Skrzynki + dynamiczny układ serwerów ===== */
.itemshop-modes-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
    gap:16px;
    align-items:start;
    overflow:visible;
}

.itemshop-mode-card{
    min-height:118px;
    padding:14px 132px 14px 14px;
    border-radius:16px;
    overflow:hidden;
    transition:border-color .2s ease, box-shadow .2s ease;
}

.itemshop-mode-card:hover{
    transform:none;
    border-color:rgba(243,156,18,.45);
    box-shadow:0 14px 28px rgba(0,0,0,.32);
}

.mode-left{
    max-width:calc(100% - 118px);
}

.mode-title{
    font-size:24px;
    line-height:1.08;
    margin-bottom:2px;
}

.mode-subtitle{
    max-width:30ch;
    font-size:12px;
    line-height:1.4;
    margin-bottom:8px;
}

.mode-status{
    gap:8px;
    margin-bottom:10px;
    min-height:0;
}

.status-number{
    font-size:21px;
}

.status-slash,
.status-max{
    font-size:16px;
}

.status-label,
.status-offline{
    font-size:11px;
}

.mode-actions{
    margin-top:0;
}

.mode-btn{
    min-height:40px;
    min-width:156px;
    padding:9px 16px;
    border-radius:10px;
    font-size:12px;
}

.mode-right{
    right:8px;
    bottom:-4px;
    width:108px;
    height:108px;
}

.mode-character{
    width:104px;
    height:104px;
}

.server-grid{
    grid-template-columns:repeat(var(--server-columns-xl, 5), minmax(0, 1fr));
}

@media (max-width: 1700px){
    .server-grid{ grid-template-columns:repeat(var(--server-columns-lg, 4), minmax(0, 1fr)); }
}

@media (max-width: 1360px){
    .server-grid{ grid-template-columns:repeat(var(--server-columns-md, 3), minmax(0, 1fr)); }
    .itemshop-modes-grid{ grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); }
}

@media (max-width: 980px){
    .server-grid{ grid-template-columns:repeat(var(--server-columns-sm, 2), minmax(0, 1fr)); }
}

@media (max-width: 720px){
    .itemshop-mode-card{
        min-height:108px;
        padding:12px 104px 12px 12px;
    }
    .mode-left{
        max-width:calc(100% - 92px);
    }
    .mode-title{
        font-size:20px;
    }
    .mode-subtitle{
        display:none;
    }
    .mode-status{
        margin-bottom:8px;
    }
    .mode-btn{
        min-width:0;
        width:100%;
        min-height:38px;
        padding:8px 14px;
    }
    .mode-right{
        right:6px;
        bottom:-2px;
        width:90px;
        height:90px;
    }
    .mode-character{
        width:86px;
        height:86px;
    }
}

/* ===== round 13: naprawa kafli ItemShop/Skrzynki (ucięte nazwy + równe szerokości) ===== */
.itemshop-modes-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));
    gap:18px;
    align-items:stretch;
}

.itemshop-modes-grid > *{
    min-width:0;
    width:100%;
}

.itemshop-mode-card{
    width:100%;
    min-width:0;
    min-height:0;
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:end;
    gap:16px;
    padding:18px 18px 16px;
    overflow:hidden;
    transform:none !important;
}

.itemshop-mode-card:hover{
    transform:none !important;
}

.mode-left{
    max-width:none;
    min-width:0;
}

.mode-title{
    margin:0 0 8px;
    font-size:clamp(18px, 1.6vw, 28px);
    line-height:1.1;
    overflow-wrap:anywhere;
    word-break:break-word;
}

.mode-subtitle{
    max-width:26ch;
    margin-bottom:10px;
}

.mode-status{
    margin-bottom:12px;
}

.status-count{
    gap:6px;
}

.mode-actions{
    width:100%;
}

.mode-btn{
    min-width:0;
    width:auto;
    max-width:100%;
}

.mode-right{
    position:static;
    align-self:end;
    justify-self:end;
    width:96px;
    height:96px;
    margin-right:-10px;
    margin-bottom:-16px;
    flex:0 0 96px;
}

.mode-character{
    width:96px;
    height:96px;
}

@media (max-width: 1200px){
    .itemshop-modes-grid{
        grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
    }
}

@media (max-width: 720px){
    .itemshop-mode-card{
        grid-template-columns:minmax(0, 1fr) 82px;
        gap:12px;
        padding:14px 14px 12px;
    }

    .mode-title{
        font-size:clamp(17px, 5vw, 22px);
    }

    .mode-right{
        width:82px;
        height:82px;
        margin-right:-8px;
        margin-bottom:-12px;
    }

    .mode-character{
        width:82px;
        height:82px;
    }
}


/* ===== round 14: ItemShop/Skrzynki – jednolinijkowe nazwy + układ zależny od liczby serwerów ===== */
.itemshop-modes-grid{
    display:grid;
    grid-template-columns:repeat(var(--mode-columns-xl, 3), minmax(0, 1fr)) !important;
    gap:18px;
    align-items:stretch;
}

.itemshop-modes-grid > *{
    min-width:0;
    width:100%;
}

.itemshop-mode-card{
    width:100%;
    min-width:0;
    min-height:0;
    display:grid;
    grid-template-columns:minmax(0, 1fr) 88px !important;
    align-items:end;
    gap:14px;
    padding:18px 18px 14px !important;
    overflow:hidden;
    transform:none !important;
}

.itemshop-mode-card:hover{
    transform:none !important;
}

.mode-left{
    display:flex;
    flex-direction:column;
    min-width:0;
    max-width:none;
}

.itemshop-mode-card .mode-title,
.mode-title{
    display:block !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 0 10px !important;
    font-size:clamp(16px, 1.15vw, 20px) !important;
    line-height:1.08 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
}

.mode-subtitle{
    max-width:28ch;
    margin-bottom:8px !important;
}

.mode-status{
    display:flex;
    align-items:flex-start;
    gap:8px;
    min-height:42px;
    margin-bottom:10px !important;
}

.status-dot{
    flex:0 0 auto;
    margin-top:6px;
}

.status-count{
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    align-content:flex-start;
    gap:4px 6px;
    min-height:42px;
}

.status-label{
    display:block;
    flex-basis:100%;
    margin-top:2px;
    line-height:1.2;
}

.status-offline{
    display:flex;
    align-items:center;
    min-height:42px;
    line-height:1.2;
}

.mode-actions{
    width:100%;
}

.mode-btn{
    width:auto;
    min-width:154px;
    max-width:100%;
}

.mode-right{
    position:static;
    align-self:end;
    justify-self:end;
    width:88px !important;
    height:88px !important;
    margin-right:-10px;
    margin-bottom:-14px;
    flex:0 0 88px;
}

.mode-character{
    width:88px !important;
    height:88px !important;
    object-fit:contain;
}

@media (max-width: 1360px){
    .itemshop-modes-grid{
        grid-template-columns:repeat(var(--mode-columns-md, 2), minmax(0, 1fr)) !important;
    }
}

@media (max-width: 720px){
    .itemshop-modes-grid{
        grid-template-columns:repeat(var(--mode-columns-sm, 1), minmax(0, 1fr)) !important;
    }

    .itemshop-mode-card{
        grid-template-columns:minmax(0, 1fr) 74px !important;
        gap:12px;
        padding:14px 14px 12px !important;
    }

    .itemshop-mode-card .mode-title,
    .mode-title{
        font-size:18px !important;
    }

    .mode-right{
        width:74px !important;
        height:74px !important;
        margin-right:-8px;
        margin-bottom:-12px;
        flex-basis:74px;
    }

    .mode-character{
        width:74px !important;
        height:74px !important;
    }

    .mode-status,
    .status-count,
    .status-offline{
        min-height:38px;
    }

    .mode-btn{
        width:100%;
        min-width:0;
    }
}


/* ===== messages / rcon correction pack ===== */
.page-main--messages.container{
    max-width: 1200px;
}
.messages-page .messages-shell{
    width: 100%;
}
.messages-page .page-section--compact{
    gap: 2px;
}
.messages-page .page-intro-card--inline{
    margin-bottom: 0;
    padding-bottom: 8px;
}
.messages-page .page-meta-row{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    gap: 6px;
    width: min(100%, 980px);
    margin: 0 auto 2px;
}
.messages-page .page-meta-pill{
    flex: 1 1 0;
    min-width: 0;
    padding: 7px 10px;
    min-height: 68px;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.messages-page .page-meta-pill .label{
    font-size: 9px;
    letter-spacing: .08em;
}
.messages-page .page-meta-pill strong{
    width: 100%;
    font-size: 12px;
    line-height: 1.18;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.messages-page .pmx-topspace{
    margin-top: 6px;
}
.messages-page .messenger-wrapper{
    width: 100%;
    margin-top: 0;
    grid-template-columns: 255px minmax(0, 1fr) 255px;
}
.messages-page .chat-window{
    min-width: 0;
}
.messages-page .pmx-bubble{
    width: min(80%, 760px);
    min-width: 80px;
    max-width: min(80%, 760px);
}
.messages-page .pmx-empty-chat .page-empty-state--chat{
    min-width: min(100%, 620px);
}
.admin-rcon-switcher{
    margin: 0 0 12px;
}
.admin-rcon-switcher select{
    width: 100%;
}
@media (max-width: 1400px){
    .messages-page .messenger-wrapper{
        grid-template-columns: 250px minmax(0, 1fr) 250px;
    }
}
@media (max-width: 1180px){
    .messages-page .page-meta-row{
        width: 100%;
    }
    .messages-page .messenger-wrapper{
        grid-template-columns: 235px minmax(0, 1fr) 235px;
    }
}
@media (max-width: 960px){
    .messages-page .page-meta-row{
        flex-wrap: wrap;
    }
    .messages-page .page-meta-pill{
        flex: 1 1 calc(50% - 6px);
    }
    .messages-page .messenger-wrapper{
        grid-template-columns: 1fr;
        height: auto;
        min-height: 0;
    }
    .messages-page .friends-list,
    .messages-page .conv-list{
        min-height: 280px;
    }
}
@media (max-width: 640px){
    .messages-page .page-meta-row{
        gap: 8px;
    }
    .messages-page .page-meta-pill{
        flex-basis: 100%;
        min-height: 0;
    }
    .messages-page .page-meta-pill strong{
        white-space: normal;
        overflow: visible;
    }
}


/* ===== v5: wiadomości cleanup ===== */
.messages-page .page-intro-card--inline{
    padding-bottom: 2px;
}
.messages-page .page-intro-card--inline .page-subtitle{
    margin-bottom: 0;
}
.messages-page .messenger-wrapper{
    margin-top: 4px;
}

/* Czytelniejsze akcje po najechaniu na wiadomość */
.pmx-actions{
    padding: 6px 8px;
    gap: 8px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 10px 24px rgba(0,0,0,.38);
    backdrop-filter: blur(6px);
}
.pmx-row.me .pmx-actions{
    background: rgba(255, 185, 42, .98);
    border-color: rgba(255, 185, 42, .42);
}
.pmx-row.other .pmx-actions{
    background: rgba(26, 26, 26, .98);
    border-color: rgba(255,255,255,.10);
}
.pmx-actions a,
.pmx-actions .pmx-action-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    transition: background .12s ease, color .12s ease, border-color .12s ease;
}
.pmx-row.me .pmx-actions a,
.pmx-row.me .pmx-actions .pmx-action-btn{
    color: #16120a;
    background: rgba(255,255,255,.30);
    border: 1px solid rgba(0,0,0,.10);
}
.pmx-row.other .pmx-actions a,
.pmx-row.other .pmx-actions .pmx-action-btn{
    color: #f2f2f2;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
}
.pmx-row.me .pmx-actions a:hover,
.pmx-row.me .pmx-actions .pmx-action-btn:hover,
.pmx-row.me .pmx-actions a:focus-visible,
.pmx-row.me .pmx-actions .pmx-action-btn:focus-visible{
    background: rgba(255,255,255,.55);
    color: #000;
}
.pmx-row.other .pmx-actions a:hover,
.pmx-row.other .pmx-actions .pmx-action-btn:hover,
.pmx-row.other .pmx-actions a:focus-visible,
.pmx-row.other .pmx-actions .pmx-action-btn:focus-visible{
    background: rgba(255, 170, 0, .20);
    border-color: rgba(255, 170, 0, .34);
    color: #fff;
}
.pmx-actions .pmx-inline-form{
    margin: 0;
}


/* === Poprawka: czytelna i działająca edycja wiadomości === */
.pmx-action-link{
    appearance:none;
    -webkit-appearance:none;
    background:none;
    border:none;
    font:inherit;
    cursor:pointer;
    padding:0;
    color:inherit;
}
.pmx-msg-edit-form[hidden]{
    display:none !important;
}


/* Button w menu wiadomości ma wyglądać jak link akcji */
.pmx-actions .pmx-action-link{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    transition: background .12s ease, color .12s ease, border-color .12s ease;
}
.pmx-row.me .pmx-actions .pmx-action-link{
    color: #16120a;
    background: rgba(255,255,255,.30);
    border: 1px solid rgba(0,0,0,.10);
}
.pmx-row.other .pmx-actions .pmx-action-link{
    color: #f2f2f2;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
}
.pmx-row.me .pmx-actions .pmx-action-link:hover,
.pmx-row.me .pmx-actions .pmx-action-link:focus-visible{
    background: rgba(255,255,255,.55);
    color: #000;
}
.pmx-row.other .pmx-actions .pmx-action-link:hover,
.pmx-row.other .pmx-actions .pmx-action-link:focus-visible{
    background: rgba(255, 170, 0, .20);
    border-color: rgba(255, 170, 0, .34);
    color: #fff;
}


/* ===== v8: wyśrodkowany globalny pasek serwerów + do 10 serwerów ===== */
:root{
    --serverbar-tile-width: 198px;
}

.server-list-bar{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--serverbar-tile-width)), var(--serverbar-tile-width)));
    justify-content:center;
    align-content:center;
    gap:10px 12px;
    width:100%;
    padding:10px 16px;
    overflow:visible;
    scrollbar-width:auto;
}

.server-list-bar::-webkit-scrollbar{
    display:none;
}

.server-tile{
    width:min(100%, var(--serverbar-tile-width));
    min-width:0;
    margin:0;
}

@media (max-width: 1300px){
    :root{
        --serverbar-tile-width: 188px;
    }
}

@media (max-width: 1120px){
    :root{
        --serverbar-tile-width: 176px;
    }
    .server-list-bar{
        gap:9px 10px;
        padding:9px 12px;
    }
}

@media (max-width: 860px){
    :root{
        --serverbar-tile-width: 170px;
    }
}

@media (max-width: 680px){
    :root{
        --serverbar-tile-width: min(100%, 260px);
    }
    .server-list-bar{
        grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--serverbar-tile-width)), 1fr));
    }
    .server-tile{
        width:100%;
    }
}

/* ===== v9: serverbar 10 w jednym rzędzie, zwężone kafelki, pełne wyśrodkowanie ===== */
:root{
    --serverbar-tile-width: min(132px, calc((100vw - 24px) / 10));
}

.server-list-bar{
    display:flex !important;
    flex-wrap:wrap;
    justify-content:center;
    align-items:stretch;
    gap:0 !important;
    width:100%;
    padding:8px 12px !important;
    overflow:visible;
}

.server-tile{
    flex:0 0 var(--serverbar-tile-width);
    width:var(--serverbar-tile-width) !important;
    min-width:0 !important;
    margin:0 !important;
    border-radius:8px;
    padding:7px 8px;
}

.tile-name{
    margin-bottom:2px;
    font-size:10px;
    line-height:1.15;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.tile-line{
    font-size:9px;
    line-height:1.18;
}

.tile-ip-box{
    margin-top:6px;
    padding:4px 5px;
    font-size:8px;
    line-height:1.1;
    word-break:break-all;
}

.tile-mini-links{
    gap:0 !important;
    margin-top:4px;
}

.tile-mini-link{
    padding:4px 3px;
    font-size:8px;
    letter-spacing:.2px;
    border-radius:0;
}

.tile-mini-links .tile-mini-link + .tile-mini-link{
    border-left-width:0;
}

@media (max-width: 980px){
    :root{
        --serverbar-tile-width: min(118px, calc((100vw - 20px) / 8));
    }
    .server-list-bar{
        padding:8px 10px !important;
    }
}

@media (max-width: 760px){
    :root{
        --serverbar-tile-width: min(146px, calc((100vw - 20px) / 4));
    }
    .server-list-bar{
        gap:2px !important;
    }
    .tile-mini-link{
        border-radius:4px;
    }
    .tile-mini-links .tile-mini-link + .tile-mini-link{
        border-left-width:1px;
    }
}

/* ===== v11: jeszcze mniejsze konto w linii nawigacji ===== */
.header-inner{
    justify-content:center;
}
.header-spacer{
    display:none;
}
.nav-shell{
    max-width:1200px;
    margin:0 auto;
    padding:9px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}
.nav-inner{
    max-width:none;
    margin:0;
    padding:0;
    justify-content:flex-start;
    flex:1 1 auto;
    min-width:0;
}
.nav-account{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    flex:0 0 auto;
    min-width:0;
}
.nav-user-chip{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:34px;
    padding:0 10px;
    border-radius:999px;
    border:1px solid #2e2e2e;
    background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
    text-decoration:none;
    white-space:nowrap;
    transition:border-color .2s ease, background .2s ease, transform .2s ease;
}
.nav-user-chip:hover{
    border-color:rgba(243,156,18,.4);
    background:linear-gradient(180deg, rgba(243,156,18,.12), rgba(255,255,255,.02));
    transform:translateY(-1px);
}
.nav-user-name{
    color:#fff;
    font-size:12px;
    font-weight:800;
    line-height:1;
}
.nav-user-balance{
    color:#f0bb54;
    font-size:10px;
    font-weight:800;
    line-height:1;
}
.nav-quick-icon{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    margin:0;
    padding:0;
    border-radius:999px;
    border:1px solid #303030;
    background:#141414;
}
.nav-quick-icon:hover{
    border-color:#f39c12;
    background:#1a1a1a;
}
.nav-account-link,
.nav-account-form .nav-link-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 10px;
    border-radius:999px;
    border:1px solid transparent;
    background:transparent;
    color:#d9d9d9;
    text-decoration:none;
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
    transition:color .2s ease, border-color .2s ease, background .2s ease;
}
.nav-account-link:hover,
.nav-account-form .nav-link-btn:hover{
    color:#fff;
    border-color:#303030;
    background:#151515;
}
.nav-account-link--accent{
    border-color:rgba(243,156,18,.32);
    background:rgba(243,156,18,.08);
    color:#f3c261;
}
.nav-account-link--accent:hover{
    border-color:#f39c12;
    background:#f39c12;
    color:#111;
}
.nav-account-form{
    display:flex;
    align-items:center;
    margin:0;
}
.nav-account-form .nav-link-btn{
    cursor:pointer;
}
.nav-account .nav-count-badge{
    margin-left:6px;
}
@media (max-width: 1180px){
    .nav-shell{
        flex-wrap:wrap;
        justify-content:center;
        row-gap:10px;
    }
    .nav-inner{
        justify-content:center;
        flex:1 1 100%;
    }
    .nav-account{
        justify-content:center;
        flex-wrap:wrap;
        width:100%;
    }
}
@media (max-width: 768px){
    .header-inner{
        justify-content:center;
    }
    .nav-shell{
        padding:10px 14px;
        gap:10px;
    }
    .nav-inner{
        overflow:auto;
        flex-wrap:nowrap;
        justify-content:flex-start;
        width:100%;
        padding-bottom:2px;
    }
    .nav-account{
        width:100%;
        justify-content:center;
        gap:6px;
    }
    .nav-user-chip{
        max-width:100%;
        padding:0 10px;
    }
    .nav-user-name{
        font-size:11px;
    }
    .nav-user-balance,
    .nav-account-link,
    .nav-account-form .nav-link-btn{
        font-size:10px;
    }
}


/* ===== v12: kompaktowe menu + prawy blok z ikonkami ===== */
.nav-shell{
    max-width:1180px;
    gap:12px;
    padding:8px 16px;
}
.nav-inner{
    gap:18px;
}
.nav-inner a{
    font-size:12px;
    letter-spacing:.01em;
}
.nav-account{
    gap:6px;
}
.nav-user-stack{
    display:flex;
    align-items:center;
    gap:5px;
    min-width:0;
}
.nav-user-chip{
    min-height:30px;
    padding:0 9px;
    gap:5px;
    border-radius:999px;
}
.nav-user-chip--name{
    max-width:140px;
}
.nav-user-chip--balance{
    padding:0 8px;
}
.nav-user-name{
    display:block;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:11px;
    font-weight:800;
}
.nav-user-balance{
    display:inline-flex;
    align-items:center;
    gap:0;
    font-size:11px;
    line-height:1;
    white-space:nowrap;
}
.nav-quick-icon,
.nav-icon-button{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    min-width:30px;
    min-height:30px;
    margin:0;
    padding:0;
    border-radius:999px;
    border:1px solid #2f2f2f;
    background:#141414;
    color:#ddd;
    text-decoration:none;
    transition:border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease;
}
.nav-icon-button{
    appearance:none;
    -webkit-appearance:none;
    cursor:pointer;
}
.nav-quick-icon:hover,
.nav-icon-button:hover{
    border-color:#f39c12;
    background:#1a1a1a;
    color:#fff;
    transform:translateY(-1px);
}
.nav-icon-button .icon-svg,
.nav-quick-icon .icon-svg{
    width:16px;
    height:16px;
    stroke:#d9d9d9;
}
.nav-quick-icon:hover .icon-svg,
.nav-icon-button:hover .icon-svg{
    stroke:#f39c12;
    transform:none;
}
.nav-account-form{
    margin:0;
}
.nav-account-form--icon .nav-link-btn{
    padding:0;
    min-height:30px;
    min-width:30px;
    border-radius:999px;
}
.nav-account-link,
.nav-account-form .nav-link-btn{
    font-size:10px;
}
.nav-count-badge--overlay,
.nav-quick-icon .msg-badge{
    position:absolute;
    top:-5px;
    right:-6px;
    min-width:16px;
    height:16px;
    padding:0 4px;
    border-radius:999px;
    font-size:9px;
    line-height:1;
    border:2px solid #111;
    box-shadow:0 3px 10px rgba(0,0,0,.35);
}
.nav-quick-icon .msg-badge{
    background:#d11;
}
.nav-account .nav-count-badge--overlay{
    margin-left:0;
}
@media (max-width: 1180px){
    .nav-shell{
        row-gap:8px;
    }
    .nav-inner{
        justify-content:center;
        flex-wrap:wrap;
        gap:14px 16px;
    }
    .nav-account{
        width:100%;
        justify-content:center;
        flex-wrap:wrap;
    }
}
@media (max-width: 768px){
    .nav-shell{
        gap:8px;
        padding:9px 12px;
    }
    .nav-inner{
        gap:14px;
        padding-bottom:2px;
    }
    .nav-inner a{
        font-size:11px;
    }
    .nav-user-stack{
        gap:4px;
    }
    .nav-user-chip{
        min-height:28px;
        padding:0 8px;
    }
    .nav-user-chip--name{
        max-width:112px;
    }
    .nav-user-name,
    .nav-user-balance{
        font-size:10px;
    }
    .nav-quick-icon,
    .nav-icon-button,
    .nav-account-form--icon .nav-link-btn{
        width:28px;
        height:28px;
        min-width:28px;
        min-height:28px;
    }
    .nav-icon-button .icon-svg,
    .nav-quick-icon .icon-svg{
        width:15px;
        height:15px;
    }
}

/* ===== v13: wyrównanie pozycji "Zgłoszenia" w menu ===== */
.nav-inner li{
    display:flex;
    align-items:center;
}
.nav-inner a{
    position:relative;
    display:inline-flex;
    align-items:center;
    min-height:20px;
    line-height:1;
    padding-bottom:6px;
}
.nav-link-with-badge{
    display:inline-flex;
    align-items:center;
}
.nav-count-badge{
    position:relative;
    top:-1px;
}
.nav-inner a.active::after{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    margin-top:0;
}


/* ===== v14: logo przeniesione do paska nawigacji przed "Aktualności" ===== */
.site-header{
    display:none;
}
.nav-shell{
    align-items:center;
}
.nav-brand{
    flex:0 0 auto;
    display:flex;
    align-items:center;
}
.nav-brand-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    line-height:1;
}
.nav-brand-link img{
    display:block;
    width:auto;
    max-width:190px;
    max-height:34px;
    object-fit:contain;
}
.nav-brand-link .logo-text{
    font-size:20px;
    line-height:1;
    white-space:nowrap;
}
.nav-inner{
    align-items:center;
}
@media (max-width: 1180px){
    .nav-brand{
        flex:1 1 100%;
        justify-content:center;
    }
}
@media (max-width: 768px){
    .nav-brand-link img{
        max-height:28px;
        max-width:160px;
    }
    .nav-brand-link .logo-text{
        font-size:17px;
    }
}


/* ===== v15: lista serwerów pod belką nawigacji ===== */
.top-fixed-wrapper nav{
    border-bottom:1px solid rgba(255,255,255,.06);
}
.top-fixed-wrapper .server-list-bar{
    padding-top:10px !important;
}
@media (max-width: 768px){
    .top-fixed-wrapper .server-list-bar{
        padding-top:8px !important;
    }
}


/* ===== v16: węższa belka nawigacji + serwery bliżej niej i dolnej kreski ===== */
.top-fixed-wrapper nav{
    border-bottom:0 !important;
}
.nav-shell{
    max-width:1080px;
    padding:6px 14px;
    gap:10px;
}
.nav-brand-link img{
    max-height:30px;
}
.nav-brand-link .logo-text{
    font-size:18px;
}
.nav-inner{
    gap:15px;
}
.nav-inner a{
    font-size:11px;
    padding-bottom:5px;
}
.nav-account{
    gap:5px;
}
.nav-user-stack{
    gap:4px;
}
.nav-user-chip{
    min-height:28px;
    padding:0 8px;
}
.nav-user-chip--name{
    max-width:122px;
}
.nav-user-name,
.nav-user-balance,
.nav-account-link,
.nav-account-form .nav-link-btn{
    font-size:10px;
}
.nav-quick-icon,
.nav-icon-button,
.nav-account-form--icon .nav-link-btn{
    width:28px;
    height:28px;
    min-width:28px;
    min-height:28px;
}
.nav-icon-button .icon-svg,
.nav-quick-icon .icon-svg{
    width:15px;
    height:15px;
}
.top-fixed-wrapper .server-list-bar{
    max-width:1180px;
    margin:0 auto;
    padding-top:4px !important;
    padding-bottom:4px !important;
    border-bottom-width:1px;
}
@media (max-width: 1180px){
    .nav-shell{
        max-width:100%;
        padding:7px 12px;
    }
    .top-fixed-wrapper .server-list-bar{
        max-width:100%;
    }
}
@media (max-width: 768px){
    .nav-shell{
        padding:8px 10px;
        gap:8px;
    }
    .nav-brand-link img{
        max-height:26px;
    }
    .nav-brand-link .logo-text{
        font-size:16px;
    }
    .nav-inner{
        gap:12px;
    }
    .nav-inner a{
        font-size:10px;
    }
    .top-fixed-wrapper .server-list-bar{
        padding-top:4px !important;
        padding-bottom:5px !important;
    }
}

/* ===== v17: dekoracyjna żółta kreska z zaokrąglonymi ramionami przy liście serwerów ===== */
.top-fixed-wrapper .server-list-bar{
    --serverbar-line-color: rgba(243, 156, 18, .82);
    --serverbar-line-shadow: rgba(243, 156, 18, .18);
    --serverbar-side-arm: max(40px, calc((100vw - min(1180px, 100vw)) / 2 + 34px));
    position:relative;
    border-bottom:1px solid var(--serverbar-line-color) !important;
    box-shadow:0 8px 18px -18px var(--serverbar-line-shadow);
}
.top-fixed-wrapper .server-list-bar::before,
.top-fixed-wrapper .server-list-bar::after{
    content:"";
    position:absolute;
    bottom:-1px;
    width:var(--serverbar-side-arm);
    height:28px;
    pointer-events:none;
    opacity:.98;
}
.top-fixed-wrapper .server-list-bar::before{
    left:calc(var(--serverbar-side-arm) * -1);
    border-left:1px solid var(--serverbar-line-color);
    border-top:1px solid var(--serverbar-line-color);
    border-bottom:1px solid var(--serverbar-line-color);
    border-top-left-radius:999px 24px;
    border-bottom-left-radius:999px 28px;
}
.top-fixed-wrapper .server-list-bar::after{
    right:calc(var(--serverbar-side-arm) * -1);
    border-right:1px solid var(--serverbar-line-color);
    border-top:1px solid var(--serverbar-line-color);
    border-bottom:1px solid var(--serverbar-line-color);
    border-top-right-radius:999px 24px;
    border-bottom-right-radius:999px 28px;
}
@media (max-width: 1180px){
    .top-fixed-wrapper .server-list-bar{
        --serverbar-side-arm: max(30px, calc((100vw - min(100%, 100vw)) / 2 + 28px));
    }
}
@media (max-width: 768px){
    .top-fixed-wrapper .server-list-bar{
        --serverbar-side-arm: 22px;
    }
    .top-fixed-wrapper .server-list-bar::before,
    .top-fixed-wrapper .server-list-bar::after{
        height:18px;
    }
}

/* ===== v18: serverbar bez szarego pasa, jedna kreska i mocniejsze łuki ku górze ===== */
.top-fixed-wrapper .server-list-bar{
    --serverbar-line-color: rgba(243, 156, 18, .88);
    --serverbar-side-arm: max(56px, calc((100vw - min(1180px, 100vw)) / 2 + 46px));
    background: transparent !important;
    box-shadow: none !important;
    padding-top: 1px !important;
    padding-bottom: 2px !important;
    border-bottom: 1px solid var(--serverbar-line-color) !important;
}
.top-fixed-wrapper .server-list-bar::before,
.top-fixed-wrapper .server-list-bar::after{
    content: "";
    position: absolute;
    bottom: -1px;
    width: var(--serverbar-side-arm);
    height: 42px;
    pointer-events: none;
    opacity: 1;
    background: transparent !important;
    border-top: 0 !important;
}
.top-fixed-wrapper .server-list-bar::before{
    left: calc(var(--serverbar-side-arm) * -1);
    border-left: 1px solid var(--serverbar-line-color);
    border-bottom: 1px solid var(--serverbar-line-color);
    border-bottom-left-radius: 999px 42px;
}
.top-fixed-wrapper .server-list-bar::after{
    right: calc(var(--serverbar-side-arm) * -1);
    border-right: 1px solid var(--serverbar-line-color);
    border-bottom: 1px solid var(--serverbar-line-color);
    border-bottom-right-radius: 999px 42px;
}
@media (max-width: 1180px){
    .top-fixed-wrapper .server-list-bar{
        --serverbar-side-arm: 42px;
    }
    .top-fixed-wrapper .server-list-bar::before,
    .top-fixed-wrapper .server-list-bar::after{
        height: 34px;
    }
    .top-fixed-wrapper .server-list-bar::before{
        border-bottom-left-radius: 999px 34px;
    }
    .top-fixed-wrapper .server-list-bar::after{
        border-bottom-right-radius: 999px 34px;
    }
}
@media (max-width: 768px){
    .top-fixed-wrapper .server-list-bar{
        --serverbar-side-arm: 24px;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }
    .top-fixed-wrapper .server-list-bar::before,
    .top-fixed-wrapper .server-list-bar::after{
        height: 20px;
    }
    .top-fixed-wrapper .server-list-bar::before{
        border-bottom-left-radius: 999px 20px;
    }
    .top-fixed-wrapper .server-list-bar::after{
        border-bottom-right-radius: 999px 20px;
    }
}

/* ===== v21: wyśrodkowana, subtelna strzałka bez napisu i ciaśniejszy odstęp od belki ===== */
.serverbar-collapsible{
    max-width:1180px;
    margin:-4px auto 0;
    padding:0;
    position:relative;
    z-index:3;
}
.serverbar-toggle{
    width:34px;
    height:20px;
    min-width:34px;
    margin:0 auto 1px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:1px solid rgba(243,156,18,.22);
    border-radius:999px;
    background:rgba(10,10,10,.72);
    box-shadow:0 8px 18px -16px rgba(0,0,0,.75);
    color:#f3b34a;
    cursor:pointer;
    font:inherit;
    transition:transform .22s ease, background .22s ease, border-color .22s ease, color .22s ease, box-shadow .22s ease;
}
.serverbar-toggle.is-disabled,
.serverbar-toggle:disabled{
    opacity:.5;
    cursor:default;
}
.serverbar-toggle__chevron{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:14px;
    height:14px;
    min-width:14px;
    color:inherit;
    transition:transform .22s ease, color .22s ease;
}
.serverbar-toggle__chevron svg{
    width:12px;
    height:12px;
    stroke:currentColor;
    fill:none;
    stroke-width:2.35;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.serverbar-toggle:hover,
.serverbar-collapsible.is-open .serverbar-toggle{
    background:rgba(16,16,16,.86);
    border-color:rgba(243,156,18,.42);
    color:#ffd27a;
    box-shadow:0 10px 20px -18px rgba(243,156,18,.45);
}
.serverbar-collapsible.is-open .serverbar-toggle__chevron{
    transform:rotate(180deg);
}
.serverbar-panel{
    width:100%;
    padding-top:0;
}
.serverbar-panel .server-list-bar{
    margin-top:0;
}
.serverbar-panel[hidden]{
    display:none !important;
}
.top-fixed-wrapper .serverbar-panel .server-list-bar{
    padding-top:0 !important;
    margin-top:-1px;
}
@media (max-width: 1180px){
    .serverbar-collapsible{
        max-width:100%;
        margin-top:-3px;
        padding-left:0;
        padding-right:0;
    }
}
@media (max-width: 768px){
    .serverbar-collapsible{
        margin-top:-2px;
    }
    .serverbar-toggle{
        width:30px;
        height:18px;
        min-width:30px;
        margin-bottom:0;
    }
    .serverbar-toggle__chevron{
        width:13px;
        height:13px;
        min-width:13px;
    }
    .serverbar-toggle__chevron svg{
        width:11px;
        height:11px;
    }
    .top-fixed-wrapper .serverbar-panel .server-list-bar{
        padding-top:1px !important;
    }
}


/* ===== v22: jeszcze subtelniejsza strzałka, mocniej schowana w belce ===== */
.serverbar-collapsible{
    max-width:1180px;
    margin:-10px auto 0;
    padding:0;
    position:relative;
    z-index:4;
}
.serverbar-toggle{
    width:24px;
    height:13px;
    min-width:24px;
    margin:0 auto;
    border:1px solid rgba(243,156,18,.18);
    border-top:0;
    border-radius:0 0 999px 999px;
    background:linear-gradient(180deg, rgba(18,18,18,.96) 0%, rgba(10,10,10,.92) 100%);
    box-shadow:0 10px 20px -18px rgba(0,0,0,.9);
    color:rgba(243,179,74,.92);
}
.serverbar-toggle__chevron{
    width:10px;
    height:10px;
    min-width:10px;
}
.serverbar-toggle__chevron svg{
    width:9px;
    height:9px;
    stroke-width:2.45;
}
.serverbar-toggle:hover,
.serverbar-collapsible.is-open .serverbar-toggle{
    background:linear-gradient(180deg, rgba(22,22,22,.98) 0%, rgba(12,12,12,.94) 100%);
    border-color:rgba(243,156,18,.34);
    color:#ffd27a;
    box-shadow:0 12px 24px -18px rgba(243,156,18,.42);
}
.serverbar-panel{
    width:100%;
    padding-top:0;
}
.top-fixed-wrapper .serverbar-panel .server-list-bar{
    padding-top:0 !important;
    margin-top:-4px;
}
.top-fixed-wrapper .server-list-bar{
    padding-top:0 !important;
}
@media (max-width: 1180px){
    .serverbar-collapsible{
        max-width:100%;
        margin-top:-9px;
    }
}
@media (max-width: 768px){
    .serverbar-collapsible{
        margin-top:-7px;
    }
    .serverbar-toggle{
        width:22px;
        height:12px;
        min-width:22px;
    }
    .serverbar-toggle__chevron{
        width:9px;
        height:9px;
        min-width:9px;
    }
    .serverbar-toggle__chevron svg{
        width:8px;
        height:8px;
    }
    .top-fixed-wrapper .serverbar-panel .server-list-bar{
        margin-top:-3px;
    }
}


/* ===== v24: logo realnie dużo większe w belce ===== */
.nav-brand{
    flex:0 0 auto;
    min-width:0;
}
.nav-brand-link{
    justify-content:flex-start;
    max-width:min(52vw, 760px);
}
.nav-brand-link img{
    display:block;
    width:auto;
    max-width:min(52vw, 760px);
    max-height:48px;
    object-fit:contain;
}
.nav-brand-link .logo-text{
    font-size:28px;
    line-height:1;
}
.nav-shell{
    gap:8px;
}
.nav-inner{
    gap:12px;
}
@media (max-width: 1400px){
    .nav-brand-link,
    .nav-brand-link img{
        max-width:min(48vw, 640px);
    }
    .nav-brand-link img{
        max-height:46px;
    }
}
@media (max-width: 1180px){
    .nav-brand-link,
    .nav-brand-link img{
        max-width:min(44vw, 520px);
    }
    .nav-brand-link img{
        max-height:42px;
    }
    .nav-brand-link .logo-text{
        font-size:24px;
    }
}
@media (max-width: 900px){
    .nav-brand-link,
    .nav-brand-link img{
        max-width:min(42vw, 420px);
    }
    .nav-brand-link img{
        max-height:38px;
    }
}
@media (max-width: 768px){
    .nav-brand-link,
    .nav-brand-link img{
        max-width:min(58vw, 320px);
    }
    .nav-brand-link img{
        max-height:34px;
    }
    .nav-brand-link .logo-text{
        font-size:20px;
    }
}

/* ===== v25: logo rozciągnięte od góry do dołu belki bez zwiększania jej wysokości ===== */
.nav-shell{
    min-height:40px;
    padding-top:0;
    padding-bottom:0;
    overflow:visible;
}
.nav-brand{
    align-self:stretch;
    display:flex;
    align-items:stretch;
    flex:0 0 auto;
    height:40px;
}
.nav-brand-link{
    display:flex;
    align-items:stretch;
    justify-content:flex-start;
    height:100%;
    max-width:min(62vw, 920px);
}
.nav-brand-link img{
    display:block;
    height:100%;
    width:auto;
    max-height:none;
    max-width:min(62vw, 920px);
    object-fit:contain;
    object-position:left center;
}
.nav-brand-link .logo-text{
    display:flex;
    align-items:center;
    height:100%;
}
@media (max-width: 1400px){
    .nav-brand-link,
    .nav-brand-link img{
        max-width:min(58vw, 760px);
    }
}
@media (max-width: 1180px){
    .nav-shell{
        min-height:38px;
        padding-top:0;
        padding-bottom:0;
    }
    .nav-brand{
        height:38px;
    }
    .nav-brand-link,
    .nav-brand-link img{
        max-width:min(54vw, 620px);
    }
}
@media (max-width: 900px){
    .nav-shell{
        min-height:36px;
    }
    .nav-brand{
        height:36px;
    }
    .nav-brand-link,
    .nav-brand-link img{
        max-width:min(50vw, 480px);
    }
}
@media (max-width: 768px){
    .nav-shell{
        min-height:34px;
    }
    .nav-brand{
        height:34px;
    }
    .nav-brand-link,
    .nav-brand-link img{
        max-width:min(64vw, 340px);
    }
}

/* ===== v26: logo bardziej do lewej + wyśrodkowane menu główne ===== */
@media (min-width: 981px){
    .nav-shell{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
        align-items:center;
        width:min(1200px, calc(100% - 10px));
        max-width:1200px;
        padding-left:4px;
        padding-right:4px;
        gap:12px;
    }
    .nav-brand{
        grid-column:1;
        justify-self:start;
        margin-left:0;
        min-width:0;
    }
    .nav-brand-link{
        justify-content:flex-start;
        max-width:min(64vw, 940px);
    }
    .nav-brand-link img{
        max-width:min(64vw, 940px);
        object-position:left center;
    }
    .nav-inner{
        grid-column:2;
        justify-self:center;
        align-self:center;
        flex:0 0 auto;
        width:auto;
        max-width:none;
        margin:0 auto;
        justify-content:center;
        gap:16px;
    }
    .nav-inner li{
        justify-content:center;
    }
    .nav-account{
        grid-column:3;
        justify-self:end;
        justify-content:flex-end;
        flex:0 0 auto;
        width:auto;
    }
}

@media (min-width: 981px) and (max-width: 1160px){
    .nav-shell{
        width:min(1140px, calc(100% - 8px));
        max-width:1140px;
        gap:10px;
    }
    .nav-inner{
        gap:14px;
    }
    .nav-inner a{
        font-size:10.5px;
    }
}


/* ===== v27: logo mocniej do lewej, menu pozostaje wyśrodkowane ===== */
@media (min-width: 981px){
    .nav-shell{
        width:min(1200px, calc(100% - 40px));
        max-width:1200px;
        padding-left:0;
        padding-right:0;
        overflow:visible;
    }
    .nav-brand{
        margin-left:-24px;
        overflow:visible;
    }
    .nav-brand-link{
        overflow:visible;
    }
    .nav-brand-link img{
        transform:translateX(-14px);
    }
}

@media (min-width: 981px) and (max-width: 1160px){
    .nav-shell{
        width:min(1140px, calc(100% - 32px));
    }
    .nav-brand{
        margin-left:-18px;
    }
    .nav-brand-link img{
        transform:translateX(-10px);
    }
}


/* ===== v28: mocniejsze dosunięcie logo do lewej bez ruszania reszty belki ===== */
@media (min-width: 981px){
    .nav-shell{
        padding-left:0;
    }
    .nav-brand{
        margin-left:-38px;
    }
    .nav-brand-link{
        transform:translateX(-6px);
    }
}
@media (min-width: 981px) and (max-width: 1180px){
    .nav-brand{
        margin-left:-26px;
    }
    .nav-brand-link{
        transform:translateX(-4px);
    }
}

/* ===== v29: dalsze dosunięcie logo + porządki w panelu admina ===== */
@media (min-width: 981px){
    .nav-brand{
        margin-left:-78px;
    }
    .nav-brand-link{
        transform:translateX(-12px);
    }
}
@media (min-width: 981px) and (max-width: 1180px){
    .nav-brand{
        margin-left:-56px;
    }
    .nav-brand-link{
        transform:translateX(-8px);
    }
}

.admin-shell-header{
    display:none !important;
}

.admin-file-card--compact{
    gap:8px;
}
.admin-file-card--compact .file-input,
.admin-main .admin-file-card--compact input[type="file"]:not(.file-input){
    max-width:280px;
    padding:8px;
    font-size:11px;
    border-radius:9px;
}
.admin-file-card--compact .file-input::file-selector-button,
.admin-main .admin-file-card--compact input[type="file"]:not(.file-input)::file-selector-button{
    padding:6px 8px;
    font-size:11px;
    border-radius:7px;
}
.admin-file-help{
    margin:0;
    font-size:11px;
    color:#8f8f8f;
}
.admin-file-card--wide{
    max-width:620px;
}

/* ===== v30: dopracowanie headera, profilu, admin ustawień i wyśrodkowania kart ===== */
@media (min-width: 981px){
    .nav-brand{
        margin-left:-58px;
    }
    .nav-brand-link{
        transform:translateX(-9px);
    }
}
@media (min-width: 981px) and (max-width: 1180px){
    .nav-brand{
        margin-left:-41px;
    }
    .nav-brand-link{
        transform:translateX(-6px);
    }
}

.profile-switcher{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:4px;
}
.profile-switcher__tab{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:38px;
    padding:0 14px;
    border-radius:999px;
    border:1px solid #2d2d2d;
    background:#121212;
    color:#d5d5d5;
    text-decoration:none;
    font-size:12px;
    font-weight:800;
    letter-spacing:.02em;
}
.profile-switcher__tab:hover{
    border-color:#4a4a4a;
    color:#fff;
}
.profile-switcher__tab.is-active{
    border-color:rgba(243,156,18,.48);
    background:rgba(243,156,18,.12);
    color:#f3c46b;
    box-shadow:0 0 0 1px rgba(243,156,18,.12) inset;
}
.profile-wrapper--overview{
    max-width:980px;
}
.profile-wrapper--wallet{
    max-width:1180px;
}
.profile-flex--overview .profile-card{
    min-height:420px;
}
.profile-flex--wallet .profile-card{
    min-height:460px;
}

.admin-tip-bubble,
.admin-main .form-help{
    display:block;
    margin:0 0 10px;
    padding:10px 12px;
    border:1px solid rgba(243,156,18,.18);
    border-radius:10px;
    background:rgba(243,156,18,.06);
    color:#cfcfcf;
    font-size:12px;
    line-height:1.5;
}
.admin-tip-bubble--file{
    margin-bottom:0;
}
.admin-stack-form--settings{
    display:flex;
    flex-direction:column;
    gap:16px;
}
.admin-stack-form--settings > label{
    margin-bottom:-8px;
}
.admin-file-card{
    padding:12px;
    gap:8px;
    align-items:flex-start;
}
.admin-file-card .file-input,
.admin-main .admin-file-card input[type="file"]:not(.file-input){
    width:100%;
    max-width:100%;
    min-height:54px;
    height:auto;
    padding:8px 10px;
    line-height:1.25;
    display:block;
    appearance:none;
}
.admin-file-card .file-input::file-selector-button,
.admin-main .admin-file-card input[type="file"]:not(.file-input)::file-selector-button{
    padding:7px 10px;
    font-size:11px;
    margin-right:8px;
}
.admin-file-card--social{
    max-width:unset;
}
.admin-current-file{
    display:flex;
    flex-wrap:wrap;
    gap:6px 8px;
    align-items:center;
}
.admin-current-file span,
.admin-current-file strong,
.admin-current-file em,
.admin-current-file a{
    font-size:12px;
}

.server-grid--compact-centered{
    grid-template-columns:repeat(var(--server-centered-count, 1), minmax(230px, 230px)) !important;
    justify-content:center;
}
.itemshop-square-grid--compact-centered{
    grid-template-columns:repeat(var(--itemshop-centered-count, 1), minmax(272px, 272px)) !important;
    justify-content:center;
}

@media (max-width: 760px){
    .server-grid--compact-centered,
    .itemshop-square-grid--compact-centered{
        grid-template-columns:1fr !important;
    }
}


/* ===== v31: porządki w ustawieniach strony + czytelniejsze podpowiedzi ===== */
.admin-current-file-help{
    margin:2px 0 0;
    color:#9f9f9f;
    font-size:12px;
    line-height:1.45;
}
.admin-stack-form--settings input::placeholder,
.admin-stack-form--settings textarea::placeholder{
    color:#7f7f7f;
    opacity:1;
}
.admin-stack-form--settings .admin-textarea{
    min-height:88px;
}

/* ===== v32: admin cleanup + profile + header */
@media (min-width: 981px){
    .nav-brand{ margin-left:-44px !important; }
    .nav-brand-link{ transform:translateX(-7px) !important; }
}
@media (min-width: 981px) and (max-width: 1180px){
    .nav-brand{ margin-left:-32px !important; }
    .nav-brand-link{ transform:translateX(-5px) !important; }
}

.admin-main > h3:first-child,
.admin-main > .admin-section-intro:first-child,
.admin-main .admin-page-toolbar{
    display:none !important;
}
.admin-main .admin-block-head > p,
.admin-main .admin-page-subtitle,
.admin-main .admin-section-intro{
    display:none !important;
}
.admin-main .admin-textarea::placeholder,
.admin-main input::placeholder{
    color:#7f7f7f;
    opacity:1;
}
.admin-stack-form--settings .admin-current-file-help,
.admin-stack-form--legal .admin-current-file-help{
    margin:8px 0 4px;
    color:#9f9f9f;
    font-size:12px;
    line-height:1.45;
}
.admin-file-card--social{
    max-width:100%;
}
.admin-stack-form--legal .admin-textarea{
    min-height:200px;
}

.profile-page .page-intro-card,
.profile-page .profile-switcher{
    display:none !important;
}
.profile-wrapper--overview,
.profile-wrapper--wallet{
    max-width:1180px;
}
.profile-flex--wallet{
    align-items:stretch;
}
.profile-flex--wallet .profile-card{
    min-height:620px;
}
.hurts-history-box,
.wallet-scroll{
    flex:1;
    display:flex;
    flex-direction:column;
}
.hurts-redeem-history,
.wallet-inner,
.table-scroll,
.hurts-redeem-history-scroll{
    flex:1;
}
.hurts-redeem-history-scroll,
.wallet-scroll .table-scroll{
    min-height:360px;
}
.hurts-redeem-history-scroll{
    max-height:none;
}

.admin-tip-bubble, .admin-main .form-help{ display:none !important; }


.profile-card-headline{color:#f39c12;font-size:13px;text-transform:uppercase;letter-spacing:.6px;margin:0 0 14px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;min-height:auto;line-height:1.1;}
.wallet-card-title{font-size:13px;font-weight:900;color:#f1c40f;line-height:1.1;text-transform:uppercase;letter-spacing:.45px;}
.redeem-top{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 0 10px;}
.wallet-top{margin:0 0 10px;display:flex;flex-direction:column;align-items:center;gap:0;text-align:center;}
.hurts-table--wallet th:nth-child(1), .hurts-table--wallet td:nth-child(1){white-space:nowrap;}
.wallet-cell-trim{max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wallet-cell-trim--date{max-width:none;}
.hurts-table--wallet th, .hurts-table--wallet td{vertical-align:middle;}


/* ===== v46: ciaśniejszy portfel i historia kodów ===== */
.wallet-scroll .table-scroll,
.hurts-redeem-history-scroll{
    border:1px solid #333;
    border-radius:10px;
    background:#121212;
    overflow:hidden;
}
.hurts-table--wallet th,
.hurts-table--wallet td,
.hurts-table--codes th,
.hurts-table--codes td{
    padding:8px 10px;
    font-size:13px;
}
.hurts-table--wallet th:nth-child(1), .hurts-table--wallet td:nth-child(1){ width:24%; }
.hurts-table--wallet th:nth-child(2), .hurts-table--wallet td:nth-child(2){ width:18%; }
.hurts-table--wallet th:nth-child(3), .hurts-table--wallet td:nth-child(3){ width:18%; }
.hurts-table--wallet th:nth-child(4), .hurts-table--wallet td:nth-child(4){ width:20%; }
.hurts-table--wallet th:nth-child(5), .hurts-table--wallet td:nth-child(5){ width:20%; }
.hurts-table--codes th:nth-child(1), .hurts-table--codes td:nth-child(1){ width:52%; }
.hurts-table--codes th:nth-child(2), .hurts-table--codes td:nth-child(2){ width:24%; }
.hurts-table--codes th:nth-child(3), .hurts-table--codes td:nth-child(3){ width:24%; }
.hurts-table--codes .cell-code,
.hurts-table--wallet .text-nowrap{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.wallet-card-title{
    margin-top:-1px;
}
@media (max-width: 768px){
    .profile-flex--wallet .profile-card{ min-height:auto; }
    .hurts-table--wallet th,
    .hurts-table--wallet td,
    .hurts-table--codes th,
    .hurts-table--codes td{ padding:8px 8px; font-size:12px; }
}

/* ===== v48: portfel bez dodatkowych dymków + modal opisu ===== */
.profile-flex--wallet .profile-card{
    background:transparent;
    border:0;
    border-radius:0;
    padding:0;
    min-height:auto;
    box-shadow:none;
}
.profile-flex--wallet{
    gap:18px;
}
.hurts-redeem-history,
.wallet-scroll,
.hurts-redeem-history-scroll,
.wallet-scroll .table-scroll{
    background:transparent;
}
.hurts-redeem-history-scroll,
.wallet-scroll .table-scroll{
    min-height:0;
    border:1px solid #2b2b2b;
    border-radius:10px;
    background:#121212;
    overflow:hidden;
}
.hurts-table--wallet th,
.hurts-table--wallet td,
.hurts-table--codes th,
.hurts-table--codes td{
    padding:8px 10px;
    font-size:12px;
}
.hurts-table--wallet th:nth-child(1), .hurts-table--wallet td:nth-child(1){ width:22%; }
.hurts-table--wallet th:nth-child(2), .hurts-table--wallet td:nth-child(2){ width:16%; }
.hurts-table--wallet th:nth-child(3), .hurts-table--wallet td:nth-child(3){ width:18%; }
.hurts-table--wallet th:nth-child(4), .hurts-table--wallet td:nth-child(4){ width:34%; }
.hurts-table--wallet th:nth-child(5), .hurts-table--wallet td:nth-child(5){ width:10%; }
.hurts-table--codes th:nth-child(1), .hurts-table--codes td:nth-child(1){ width:42%; }
.hurts-table--codes th:nth-child(2), .hurts-table--codes td:nth-child(2){ width:18%; }
.hurts-table--codes th:nth-child(3), .hurts-table--codes td:nth-child(3){ width:30%; }
.hurts-table--codes th:nth-child(4), .hurts-table--codes td:nth-child(4){ width:10%; }
.wallet-info-cell{ white-space:nowrap; }
.wallet-info-trigger{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    border-radius:999px;
    border:1px solid #4a3510;
    background:#1a1a1a;
    color:#f39c12;
    font-weight:900;
    text-decoration:none;
    line-height:1;
    font-size:13px;
}
.wallet-info-trigger:hover{ background:#242424; color:#ffb320; }
.wallet-desc-modal{
    position:fixed;
    inset:0;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(0,0,0,.68);
    z-index:9999;
}
.wallet-desc-modal:target{ display:flex; }
.wallet-desc-modal__box{
    width:min(520px, 92vw);
    background:#111;
    border:1px solid #5a3a00;
    border-radius:14px;
    box-shadow:0 18px 45px rgba(0,0,0,.45);
    overflow:hidden;
}
.wallet-desc-modal__top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 16px;
    background:#171717;
    border-bottom:1px solid #2e2e2e;
    color:#f1c40f;
}
.wallet-desc-modal__close{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    border-radius:999px;
    text-decoration:none;
    background:#262626;
    color:#fff;
    font-size:22px;
    line-height:1;
}
.wallet-desc-modal__content{
    padding:18px 16px;
    color:#e7e7e7;
    line-height:1.55;
    white-space:pre-wrap;
    word-break:break-word;
}
@media (max-width: 980px){
    .profile-flex--wallet .profile-card{ min-width:100%; }
    .hurts-table--wallet th,
    .hurts-table--wallet td,
    .hurts-table--codes th,
    .hurts-table--codes td{ font-size:11px; padding:7px 8px; }
}


/* ===== v49: portfel/kody bez wspólnego wielkiego boxa, z powrotem osobne karty ===== */
.profile-wrapper--wallet{
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    padding:0 !important;
    box-shadow:none !important;
}
.profile-wrapper--wallet .profile-flex--wallet{
    gap:24px;
}
.profile-flex--wallet .profile-card{
    background:#161616 !important;
    border:1px solid #222 !important;
    border-radius:12px !important;
    padding:24px !important;
    box-shadow:var(--shadow-soft) !important;
    min-height:460px;
}
.profile-flex--wallet .profile-card > *:last-child{
    margin-bottom:0;
}
@media (max-width: 980px){
    .profile-wrapper--wallet{ padding:0 !important; }
    .profile-flex--wallet .profile-card{
        min-width:100%;
        min-height:auto;
    }
}


/* ===== v50: portfel/kody bez wspólnego kontenera, tylko osobne karty ===== */
.profile-page .profile-wrapper.profile-wrapper--wallet{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
    border-radius:0 !important;
    max-width:1180px;
}
.profile-page .profile-wrapper.profile-wrapper--wallet .profile-flex--wallet{
    gap:24px;
}
.profile-page .profile-wrapper.profile-wrapper--wallet .profile-card{
    background:#161616 !important;
    border:1px solid #222 !important;
    border-radius:12px !important;
    padding:24px !important;
    box-shadow:var(--shadow-soft) !important;
}
.profile-page .profile-wrapper.profile-wrapper--wallet .hurts-redeem-history-title{
    display:none !important;
}

/* ===== v51: profil overview bez wspólnego dużego boxa pod 👤 i 🎮 ===== */
.profile-page .profile-wrapper.profile-wrapper--overview{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
    border-radius:0 !important;
    max-width:980px;
}
.profile-page .profile-wrapper.profile-wrapper--overview .profile-flex--overview{
    gap:24px;
}
.profile-page .profile-wrapper.profile-wrapper--overview .profile-card{
    background:#161616 !important;
    border:1px solid #222 !important;
    border-radius:12px !important;
    padding:24px !important;
    box-shadow:var(--shadow-soft) !important;
}
@media (max-width: 980px){
    .profile-page .profile-wrapper.profile-wrapper--overview{
        padding:0 !important;
    }
}