/* ================================================================
   site-lk.css — restyles LK Bootstrap chrome under the site theme
   Loaded after charisma-app.css to override its visual rules.
   Site palette:
     accent purple     #a78bfa
     light accent      #ffffff
     bg card           rgba(255,255,255,0.04)
     border subtle     rgba(255,255,255,0.08)
     text primary      rgba(255,255,255,0.92)
     text secondary    rgba(255,255,255,0.55)
   ================================================================ */

body.lk-page {
    background: transparent;
    color: rgba(255, 255, 255, 0.85);
    font-family: 'Beaufort for LoL', 'Inter', sans-serif;
}

/* Hide LK old Charisma elements that conflict with site nav */
body.lk-page .navbar,
body.lk-page > .container-fluid {
    display: none !important;
}

/* The LK content area sits inside <main class="content"> -> .content-section-main */
body.lk-page .content-section-main {
    padding: 0 32px 40px;
}
body.lk-page .content,
body.lk-page main.content {
    padding-top: 0 !important;
    margin-top: -10px !important;  /* pull content up under counter */
}
body.lk-page .content-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
body.lk-page .content-section__Wrapper { padding-top: 0 !important; margin-top: 0 !important; }
body.lk-page .lk-account-bar { margin-top: 0; }
body.lk-page .lk-shell { margin-top: 0; }
body.lk-page .lk-auth-wrap { margin-top: 0; }

/* Two-column layout: sidebar | content */
.lk-shell {
    display: flex;
    gap: 22px;
    align-items: flex-start;
    margin-top: 12px;
}

.lk-sidebar {
    width: 240px;
    flex-shrink: 0;
    position: sticky;
    top: 90px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.07);
    padding: 10px 8px;
}

.lk-content {
    flex: 1;
    min-width: 0;
}

/* Sidebar nav */
.lk-nav { display: flex; flex-direction: column; gap: 2px; }

.lk-nav-section {
    padding: 14px 12px 6px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.35);
}

.lk-nav-link {
    display: flex; align-items: center; gap: 10px;
    padding: 9px 12px;
    border-radius: 7px;
    color: rgba(255, 255, 255, 0.65);
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: background 0.18s, color 0.18s;
}
.lk-nav-link i { width: 16px; height: 16px; opacity: 0.7; }
.lk-nav-link:hover {
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
    text-decoration: none;
}
.lk-nav-link--active {
    background: rgba(167, 139, 250, 0.14);
    color: #ffffff;
    border: 1px solid rgba(167, 139, 250, 0.4);
    padding: 8px 11px;
}
.lk-nav-link--active i { opacity: 1; }
.lk-nav-bonus {
    margin-left: auto;
    background: linear-gradient(135deg, #a78bfa, #ffffff);
    color: #ffffff;
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 800;
}
.lk-nav-dot {
    margin-left: auto;
    width: 7px; height: 7px; border-radius: 50%;
    background: #a78bfa; box-shadow: 0 0 6px rgba(167, 139, 250, 0.8);
}

.lk-sidebar-contacts {
    margin-top: 16px; padding: 12px; border-top: 1px solid rgba(255, 255, 255, 0.07);
    font-size: 11px; color: rgba(255, 255, 255, 0.4); text-align: center;
}

/* Top account bar */
.lk-account-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.07);
    flex-wrap: wrap;
}
.lk-account-bar-info { display: flex; gap: 22px; align-items: center; flex-wrap: wrap; }
.lk-account-bar-id { font-size: 12px; color: rgba(255, 255, 255, 0.45); font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }
.lk-account-bar-id b { color: #ffffff; font-weight: 800; }
.lk-account-bar-balance { font-size: 13px; color: rgba(255, 255, 255, 0.85); font-weight: 600; }
.lk-account-bar-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }

.lk-pill {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 7px 13px;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.85);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.18s;
    position: relative;
}
.lk-pill:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(167, 139, 250, 0.4);
    color: #fff;
    text-decoration: none;
}
.lk-pill-gold { background: linear-gradient(135deg, rgba(167, 139, 250, 0.22), rgba(167, 139, 250, 0.12)); border-color: rgba(167, 139, 250, 0.5); color: #ffffff; }
.lk-pill-gold:hover { background: linear-gradient(135deg, rgba(167, 139, 250, 0.35), rgba(167, 139, 250, 0.18)); color: #ffffff; }
.lk-pill-badge {
    background: #a78bfa; color: #ffffff; padding: 1px 6px; border-radius: 9px;
    font-size: 10px; font-weight: 800; margin-left: 4px;
}
.lk-pill-user { padding-right: 18px; }
.lk-pill-user::after {
    content: ''; position: absolute; right: 7px; top: 50%; transform: translateY(-50%);
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 4px solid rgba(255, 255, 255, 0.5);
}
.lk-pill-user .lk-pill-menu {
    display: none; position: absolute; right: 0; top: 100%;
    margin-top: 6px;
    background: #14110d; border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 7px; padding: 6px; min-width: 160px; z-index: 100;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}
/* Invisible bridge between pill and menu so hover doesn't break */
.lk-pill-user .lk-pill-menu::before {
    content: '';
    position: absolute;
    left: 0; right: 0; top: -10px; height: 10px;
}
.lk-pill-user:focus-within .lk-pill-menu,
.lk-pill-user:hover .lk-pill-menu { display: block; }
/* Keep open while mouse is on the menu itself */
.lk-pill-user .lk-pill-menu:hover { display: block; }
.lk-pill-user .lk-pill-menu a {
    display: flex; gap: 8px; align-items: center;
    padding: 8px 12px; border-radius: 5px;
    color: rgba(255, 255, 255, 0.8); text-decoration: none; font-size: 12px;
}
.lk-pill-user .lk-pill-menu a:hover { background: rgba(255, 255, 255, 0.06); color: #fff; }

/* ===== Bootstrap overrides for LK content area ===== */

.lk-content .well,
.lk-content .box {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.85);
    box-shadow: none;
    text-shadow: none;
    padding: 0;
    overflow: hidden;
}
.lk-content .box-header,
.lk-content .box-header.well {
    background: linear-gradient(180deg, rgba(167, 139, 250, 0.12), rgba(167, 139, 250, 0.04));
    border-bottom: 1px solid rgba(167, 139, 250, 0.28);
    border-radius: 10px 10px 0 0;
    padding: 0 20px;
    margin: 0;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.lk-content .box-header h2,
.lk-content .box-header > h2 {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-shadow: none;
    margin: 0;
    padding: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 8px;
}
.lk-content .box-header h2 i { font-size: 16px; line-height: 1; }
.lk-content .box-content { padding: 16px 20px 18px; }
.lk-content .box-content > h3:first-child,
.lk-content .box-content > h2:first-child { margin-top: 0; }
.lk-content .row-fluid + .row-fluid { margin-top: 14px; }
.lk-content .row-fluid > .box,
.lk-content .row-fluid > [class*="span"] > .box { margin-bottom: 0; }

/* Headings */
.lk-content h1, .lk-content h2, .lk-content h3, .lk-content h4 {
    color: #ffffff;
    text-shadow: none;
}
.lk-content h2 { font-size: 18px; font-weight: 700; letter-spacing: 0.04em; margin: 0 0 14px; line-height: 1.35; }
.lk-content h3 { font-size: 15px; font-weight: 700; letter-spacing: 0.04em; color: rgba(255, 255, 255, 0.92); margin: 0 0 14px; line-height: 1.35; }
.lk-content h2 + p, .lk-content h3 + p, .lk-content h4 + p { margin-top: 0; }
/* Тот же сброс из app.min.css роняет на новую строку и картинки в таблицах:
   в списке аккаунтов зелёный плюс уезжал над ником вместо того, чтобы стоять слева. */
.lk-content td img,
.lk-content th img { display: inline-block; vertical-align: middle; }
/* app.min.css задаёт svg{display:block} — возвращаем инлайн для иконок в заголовках */
.lk-content h1 svg, .lk-content h2 svg, .lk-content h3 svg, .lk-content h4 svg,
.lk-content .box-header h2 svg { display: inline-block; vertical-align: -3px; }
.lk-content p { color: rgba(255, 255, 255, 0.75); margin: 14px 0 12px; line-height: 1.65; }
.lk-content p + p { margin-top: 14px; }
.lk-content br + br { line-height: 1.8; }
.lk-content .well + .well,
.lk-content .well + .alert,
.lk-content .alert + .well,
.lk-content .alert + .alert { margin-top: 14px; }
.lk-content .label,
.lk-content .label-info,
.lk-content .label-important,
.lk-content .label-inverse {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 4px 10px;
    vertical-align: 1px;
    line-height: 1.2;
}
.lk-content .btn { margin: 0 4px 6px 0; }
.lk-content .alert { margin-bottom: 0; padding: 12px 14px; line-height: 1.5; }
.lk-content { line-height: 1.55; }
.lk-content a { color: #ffffff; }
.lk-content a:hover { color: #ffffff; }

/* Buttons */
.lk-content .btn,
.lk-content button.btn,
.lk-content a.btn {
    background-image: none !important;
    background-color: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.92);
    text-shadow: none !important;
    box-shadow: none;
    border-radius: 6px;
    transition: all 0.18s;
}
.lk-content .btn:hover,
.lk-content .btn:focus,
.lk-content button.btn:hover,
.lk-content a.btn:hover {
    background-image: none !important;
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(167, 139, 250, 0.4);
    color: #fff !important;
}
.lk-content .btn-primary { background-color: rgba(40, 110, 200, 0.6); border-color: rgba(70, 140, 230, 0.7); color: #fff; }
.lk-content .btn-primary:hover { background-color: rgba(70, 140, 230, 0.8); }
.lk-content .btn-success { background-color: rgba(40, 160, 60, 0.6); border-color: rgba(60, 200, 80, 0.7); color: #fff; }
.lk-content .btn-success:hover { background-color: rgba(60, 200, 80, 0.8); }
.lk-content .btn-danger { background-color: rgba(200, 60, 60, 0.6); border-color: rgba(230, 80, 80, 0.7); color: #fff; }
.lk-content .btn-danger:hover { background-color: rgba(230, 80, 80, 0.8); }
.lk-content .btn-warning { background-color: rgba(200, 140, 40, 0.6); border-color: rgba(230, 170, 70, 0.7); color: #fff; }
.lk-content .btn-warning:hover { background-color: rgba(230, 170, 70, 0.8); }
.lk-content .btn-inverse,
.lk-content button.btn-inverse,
.lk-content a.btn-inverse {
    background: linear-gradient(135deg, rgba(167, 139, 250, 0.85), rgba(167, 139, 250, 0.55)) !important;
    background-image: linear-gradient(135deg, rgba(167, 139, 250, 0.85), rgba(167, 139, 250, 0.55)) !important;
    border: 1px solid rgba(167, 139, 250, 0.7) !important;
    color: #ffffff !important;
    font-weight: 700;
    text-shadow: none !important;
}
.lk-content .btn-inverse:hover,
.lk-content .btn-inverse:focus,
.lk-content .btn-inverse:active,
.lk-content button.btn-inverse:hover,
.lk-content a.btn-inverse:hover {
    background: linear-gradient(135deg, rgba(167, 139, 250, 0.95), rgba(167, 139, 250, 0.7)) !important;
    background-image: linear-gradient(135deg, rgba(167, 139, 250, 0.95), rgba(167, 139, 250, 0.7)) !important;
    background-position: 0 0 !important;
    border-color: rgba(167, 139, 250, 0.85) !important;
    color: #ffffff !important;
    text-shadow: none !important;
    box-shadow: 0 4px 14px -4px rgba(167, 139, 250, 0.4);
}
.lk-content .btn-large { padding: 11px 20px; font-size: 14px; }
.lk-content .btn-mini { padding: 4px 10px; font-size: 11px; }

/* Forms */
.lk-content input[type="text"],
.lk-content input[type="number"],
.lk-content input[type="password"],
.lk-content input[type="email"],
.lk-content textarea,
.lk-content select {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.92);
    border-radius: 7px;
    padding: 11px 14px;
    font-size: 14px;
    line-height: 1.2;
    height: auto;
    min-height: 42px;
    box-sizing: border-box;
    box-shadow: none;
    transition: border-color 0.18s, background 0.18s;
}
.lk-content select {
    min-height: 42px;
    padding: 9px 38px 9px 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0.3);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1.5l5 5 5-5' fill='none' stroke='%23a78bfa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    background-position: right 14px center;
    cursor: pointer;
}
.lk-content select:hover { border-color: rgba(167, 139, 250, 0.45); }
.lk-content select option {
    background: #16102a;
    color: rgba(255, 255, 255, 0.92);
    padding: 8px 12px;
}
.lk-content select option:checked,
.lk-content select option:hover {
    background: rgba(167, 139, 250, 0.25);
    color: #fff;
}
.lk-content select::-ms-expand { display: none; }
.lk-content input[type="text"]:focus,
.lk-content input[type="number"]:focus,
.lk-content input[type="password"]:focus,
.lk-content input[type="email"]:focus,
.lk-content textarea:focus,
.lk-content select:focus {
    background: rgba(0, 0, 0, 0.45);
    border-color: rgba(167, 139, 250, 0.55);
    outline: none;
    box-shadow: 0 0 0 2px rgba(167, 139, 250, 0.18);
    color: #fff;
}
.lk-content input.uneditable-input { background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 0.65); }
.lk-content .input-prepend,
.lk-content .input-append {
    display: inline-flex;
    align-items: stretch;
    width: 100%;
    max-width: 360px;
}
.lk-content .input-prepend .add-on,
.lk-content .input-append .add-on {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(167, 139, 250, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-right: none;
    color: #ffffff;
    border-radius: 7px 0 0 7px;
    padding: 0 14px;
    min-width: 44px;
    min-height: 42px;
    font-size: 16px;
    text-shadow: none;
}
.lk-content .input-prepend .add-on i,
.lk-content .input-append .add-on i {
    /* keep sprite background — Charisma icons render via background-image */
    text-shadow: none;
    opacity: 0.85;
    filter: brightness(1.2);
}
.lk-content .input-prepend input,
.lk-content .input-append input {
    flex: 1;
    border-radius: 0 7px 7px 0 !important;
    border-left: none !important;
    margin-left: 0;
}
.lk-content label.control-label,
.lk-content label.control-label1 { color: rgba(255, 255, 255, 0.75); font-weight: 600; }
.lk-content .help-block { color: rgba(255, 255, 255, 0.45); font-size: 12px; }

/* Alerts */
.lk-content .alert {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.85);
    border-radius: 8px;
    text-shadow: none;
}
.lk-content .alert-success { background: rgba(40, 160, 60, 0.12); border-color: rgba(60, 200, 80, 0.4); color: #b9e8c2; }
.lk-content .alert-error   { background: rgba(200, 60, 60, 0.12); border-color: rgba(230, 80, 80, 0.4); color: #f5b6b6; }
.lk-content .alert-info    { background: rgba(40, 110, 200, 0.12); border-color: rgba(70, 140, 230, 0.4); color: #b8d8f5; }
.lk-content .alert-warning { background: rgba(200, 140, 40, 0.12); border-color: rgba(230, 170, 70, 0.4); color: #ffffff; }
.lk-content .alert h4 { color: inherit; }

/* Labels (chips) */
.lk-content .label {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.85);
    text-shadow: none;
    font-weight: 700;
    border-radius: 4px;
    padding: 3px 8px;
}
.lk-content .label-info      { background: rgba(70, 140, 230, 0.5); }
.lk-content .label-success   { background: rgba(60, 200, 80, 0.5); }
.lk-content .label-important { background: rgba(230, 80, 80, 0.55); }
.lk-content .label-inverse   { background: linear-gradient(135deg, rgba(167, 139, 250, 0.85), rgba(167, 139, 250, 0.55)); color: #ffffff; }

/* Tables */
.lk-content .table {
    background: transparent;
    color: rgba(255, 255, 255, 0.85);
    border-collapse: separate;
    border-spacing: 0;
}
.lk-content .table th,
.lk-content .table td {
    border-color: rgba(255, 255, 255, 0.07);
    background: transparent;
}
.lk-content .table thead th {
    background: rgba(255, 255, 255, 0.05);
    color: #ffffff;
    font-weight: 700;
    text-shadow: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.lk-content .table-striped tbody tr td,
.lk-content .table-striped tbody tr:nth-child(odd) td,
.lk-content .table-striped tbody tr:nth-child(even) td {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.85);
}
.lk-content .table-striped tbody tr:nth-child(odd) td { background: rgba(255, 255, 255, 0.025) !important; }
/* Charisma uses class on <tr> to color rows; override the bright defaults */
.lk-content .table tbody tr.success td { background: rgba(60, 200, 80, 0.13) !important; color: #d6f4dc; }
.lk-content .table tbody tr.error td   { background: rgba(230, 80, 80, 0.13) !important; color: #f4d6d6; }
.lk-content .table tbody tr.info td    { background: rgba(70, 140, 230, 0.13) !important; color: #d6e4f4; }
.lk-content .table tbody tr.warning td { background: rgba(200, 140, 40, 0.13) !important; color: #f4e4c0; }
.lk-content .table-bordered { border-color: rgba(255, 255, 255, 0.07); }
.lk-content .table-bordered th, .lk-content .table-bordered td { border-color: rgba(255, 255, 255, 0.07); }
.lk-content .table tr.success td { background: rgba(60, 200, 80, 0.12); }
.lk-content .table tr.error td { background: rgba(230, 80, 80, 0.12); }
/* Override Bootstrap white hover */
.lk-content .table-hover tbody tr:hover td,
.lk-content .table-hover tbody tr:hover th,
.lk-content .table tbody tr:hover td,
.lk-content .table tbody tr:hover th,
.lk-content .table-striped tbody tr:hover td,
.lk-content .table-striped tbody tr:nth-child(odd):hover td {
    background: rgba(167, 139, 250, 0.10) !important;
    color: #fff;
}
.lk-content .table tfoot td,
.lk-content .table tfoot th {
    background: rgba(255, 255, 255, 0.03);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.lk-content .table input[type="text"],
.lk-content .table input[type="number"] {
    background: rgba(0, 0, 0, 0.4);
    border-color: rgba(255, 255, 255, 0.08);
    padding: 4px 8px;
    font-size: 11px;
}

/* DataTables — compact controls (don't get the global big-input styles) */
.lk-content .dataTables_filter input,
.lk-content .dataTables_length select {
    background: rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: rgba(255, 255, 255, 0.85) !important;
    padding: 5px 10px !important;
    min-height: 30px !important;
    height: 30px !important;
    min-width: 0 !important;
    width: auto !important;
    font-size: 12px !important;
}
.lk-content .dataTables_length select { padding-right: 24px !important; min-width: 60px !important; }
.lk-content .dataTables_filter input { width: 200px !important; }
/* Search inputs in table tfoot */
.lk-content table tfoot input,
.lk-content table tfoot input.search_init,
.lk-content table tfoot input.search_focus {
    background: rgba(0, 0, 0, 0.35) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    color: rgba(255, 255, 255, 0.85) !important;
    padding: 5px 8px !important;
    min-height: 28px !important;
    height: 28px !important;
    min-width: 0 !important;
    width: 100% !important;
    font-size: 11px !important;
    box-shadow: none !important;
}
.lk-content table tfoot input.search_init { color: rgba(255, 255, 255, 0.4) !important; font-style: italic; }
.lk-content table tfoot input.search_focus { color: #fff !important; font-style: normal; }
.lk-content table tfoot { background: rgba(255, 255, 255, 0.025); }
.lk-content table tfoot th { padding: 6px 8px; }
.lk-content .pagination ul {
    background: transparent;
    box-shadow: none;
    border: none;
}
.lk-content .pagination ul > li > a,
.lk-content .pagination ul > li > span {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.7);
}
.lk-content .pagination ul > li.active > a,
.lk-content .pagination ul > li.active > span {
    background: rgba(167, 139, 250, 0.4);
    color: #fff;
}

/* Code blocks */
.lk-content code {
    background: rgba(0, 0, 0, 0.4);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 4px;
    padding: 2px 6px;
}

/* HR */
.lk-content hr {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    margin: 16px 0;
}

/* Tabs */
.lk-content .nav-tabs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.lk-content .nav-tabs > li > a {
    background: transparent;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid transparent;
    border-radius: 6px 6px 0 0;
}
.lk-content .nav-tabs > li > a:hover {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.07);
    color: #fff;
}
.lk-content .nav-tabs > li.active > a,
.lk-content .nav-tabs > li.active > a:hover {
    background: rgba(167, 139, 250, 0.18);
    border-color: rgba(167, 139, 250, 0.5) rgba(167, 139, 250, 0.5) transparent;
    color: #ffffff;
}

/* Responsive */
@media (max-width: 900px) {
    .lk-shell { flex-direction: column; }
    .lk-sidebar { position: relative; top: auto; width: 100%; }
    body.lk-page .content-section-main { padding: 12px 16px 32px; }
}

/* fix LK img class_icon (uses sprite) — keep working */
.lk-content .class_icon { display: inline-block; }

/* Form actions footer (Bootstrap defaults to light gray) */
.lk-content .form-actions {
    background: rgba(255, 255, 255, 0.02);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 14px 18px;
    border-radius: 0 0 8px 8px;
    margin-top: 16px;
}

/* Form labels in horizontal forms */
.lk-content .form-horizontal .control-label,
.lk-content .form-horizontal label {
    color: rgba(255, 255, 255, 0.75);
    font-weight: 600;
}
.lk-content .form-horizontal .controls { margin-left: 180px; }

/* Wider default inputs in forms */
.lk-content .form-horizontal input[type="text"],
.lk-content .form-horizontal input[type="number"],
.lk-content .form-horizontal input[type="password"],
.lk-content .form-horizontal input[type="email"],
.lk-content .form-horizontal textarea,
.lk-content .form-horizontal select,
.lk-content .input-prepend input,
.lk-content .input-append input {
    min-width: 320px;
    width: 100%;
    max-width: 460px;
}
.lk-content .input-xlarge { width: 100%; max-width: 460px; min-width: 320px; }
.lk-content .control-group { margin-bottom: 14px; }
.lk-content .controls > input[type="text"],
.lk-content .controls > input[type="number"],
.lk-content .controls > input[type="password"],
.lk-content .controls > input[type="email"] { display: block; }
/* center forms (remember.php has center wrapper) */
.lk-content form.form-horizontal center > fieldset .controls input[type="text"] { min-width: 320px; }
.lk-content .input-prepend { display: inline-flex; align-items: stretch; }
.lk-content .input-prepend input { border-radius: 0 6px 6px 0; border-left: none; }
.lk-content .input-prepend .add-on { border-radius: 6px 0 0 6px; padding: 7px 12px; }

/* Status badges in account bar */
.lk-badge {
    display: inline-flex; align-items: center;
    padding: 3px 9px; border-radius: 5px;
    font-size: 10px; font-weight: 800; letter-spacing: 0.1em;
    text-transform: uppercase;
}
.lk-badge-admin {
    background: linear-gradient(135deg, #a78bfa, #ffffff);
    color: #ffffff;
}
.lk-badge-gm {
    background: rgba(70, 140, 230, 0.5);
    color: #fff;
}
.lk-badge-time {
    background: rgba(230, 80, 80, 0.5);
    color: #fff;
    letter-spacing: 0.04em;
}
.lk-badge-closed {
    background: rgba(230, 80, 80, 0.65);
    color: #fff;
}

/* Code blocks (IP address etc.) */
.lk-content .table code,
.lk-content p code,
.lk-content code {
    background: rgba(0, 0, 0, 0.4);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Bootstrap close × button on alerts.
   float:right прижимал крестик к первой строке и вплотную к краю — в многострочных
   алертах он смотрелся оторванным. Ставим абсолютно и центрируем по высоте блока. */
.lk-content .alert:has(> .close) { position: relative; padding-right: 40px; }
.lk-content .alert .close {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    float: none;
    margin: 0;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    line-height: 1;
    border-radius: 5px;
    color: rgba(255, 255, 255, 0.5);
    text-shadow: none;
    opacity: 0.8;
    transition: background 0.15s, color 0.15s, opacity 0.15s;
}
.lk-content .alert .close:hover { color: #fff; opacity: 1; background: rgba(255, 255, 255, 0.12); }

/* "well" container that wraps page sections in original templates */
.lk-content .well {
    padding: 16px 18px;
}
.lk-content .well .well { background: rgba(255, 255, 255, 0.02); }

/* Centered form labels for control-label1 (account.php) */
.lk-content .control-label1 {
    display: block;
    margin: 12px 0 5px;
    color: rgba(255, 255, 255, 0.75);
    font-weight: 600;
}

/* "menu-shop-new" / "shop-hot" etc. — keep small markers */
.lk-content .menu-shop-new,
.lk-content .shop-hot,
.lk-content .shop-new {
    display: inline-block;
    width: 14px; height: 14px;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
}

/* DataTables search input + page length select */
.lk-content .dataTables_filter,
.lk-content .dataTables_length {
    color: rgba(255, 255, 255, 0.65);
}

/* Pagination button hover */
.lk-content .pagination ul > li > a:hover {
    background: rgba(167, 139, 250, 0.18);
    border-color: rgba(167, 139, 250, 0.4);
    color: #ffffff;
}

/* Disable Bootstrap's pull-right floats inside content (we use flex now) */
.lk-content .pull-right { float: none; }
.lk-content .row-fluid > [class*="span"]:first-child { margin-left: 0; }

/* ===== Auth form (login screen) ===== */
.lk-auth-wrap {
    max-width: 480px;
    margin: 30px auto;
}
.lk-auth-card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.4);
}
.lk-auth-card-header {
    display: flex; align-items: center; justify-content: space-between;
    padding: 18px 22px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(167, 139, 250, 0.08);
}
.lk-auth-card-header h2 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    margin: 0;
}
.lk-auth-card-body { padding: 22px 26px 26px; }
.lk-auth-vk { display: flex; justify-content: center; margin-bottom: 14px; }
.lk-auth-divider {
    display: flex; align-items: center; gap: 10px;
    color: rgba(255, 255, 255, 0.35);
    font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase;
    margin: 8px 0 14px;
}
.lk-auth-divider::before, .lk-auth-divider::after {
    content: ''; flex: 1; height: 1px; background: rgba(255, 255, 255, 0.08);
}

.lk-auth-form { display: flex; flex-direction: column; gap: 14px; }
.lk-form-row { display: flex; flex-direction: column; gap: 6px; }
.lk-form-row label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.55);
}
.lk-form-row input[type="text"],
.lk-form-row input[type="password"],
.lk-form-row input[type="email"] {
    width: 100%;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #fff;
    padding: 14px 16px;
    border-radius: 8px;
    font-size: 15px;
    line-height: 1.2;
    height: auto;
    min-height: 48px;
    transition: border-color 0.18s, background 0.18s;
}
.lk-form-row input:focus {
    background: rgba(0, 0, 0, 0.5);
    border-color: rgba(167, 139, 250, 0.55);
    outline: none;
    box-shadow: 0 0 0 2px rgba(167, 139, 250, 0.18);
}
.lk-form-captcha { align-items: center; }
.lk-form-row-inline {
    flex-direction: row !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 4px;
}
.lk-checkbox { display: flex; align-items: center; gap: 8px; cursor: pointer; }
.lk-checkbox input[type="checkbox"] { width: 16px; height: 16px; accent-color: #a78bfa; }
.lk-checkbox span {
    font-size: 14px; color: rgba(255, 255, 255, 0.78);
    letter-spacing: 0.02em; text-transform: none;
}
.lk-form-forgot {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
}
.lk-form-forgot:hover { color: #ffffff; }
.lk-form-actions {
    display: flex; gap: 10px; margin-top: 12px;
}
.lk-form-submit, .lk-form-register {
    flex: 1; text-align: center;
    padding: 13px 18px !important;
    font-size: 14px !important;
}
.lk-form-register {
    background: rgba(255, 255, 255, 0.04) !important;
    color: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.lk-form-register:hover {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(167, 139, 250, 0.4) !important;
    color: #ffffff !important;
}

/* Character cards — name + level + clan icon + clan name + rank in one row.
   Wrap the legacy float-divs in a flex line so the clan block flows inline,
   and labels stay compact. */
.lk-content .pers-block.top-block { font-size: 13px; line-height: 1.55; }
.lk-content .pers-block.top-block > div[data-rel="tooltip"] {
    float: none !important;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    margin: 0 6px 0 0 !important;
    vertical-align: middle;
}
.lk-content .pers-block.top-block > .label,
.lk-content .pers-block.top-block > .label-info {
    vertical-align: middle;
}
.lk-content .pers-block.top-block .label,
.lk-content .pers-block.top-block .label-info {
    font-size: 10px;
    padding: 2px 6px;
    margin: 0 2px;
    line-height: 1.2;
    vertical-align: middle;
}
.lk-content .pers-block.top-block img[align="absmiddle"] {
    vertical-align: middle;
    width: 16px !important;
    height: 16px !important;
    object-fit: contain;
    flex-shrink: 0;
}
.lk-content .pers-block.top-block hr { clear: both; margin-top: 10px; }

/* Modal popup (used by Change-creator / Unbind / Buy-skills dialogs) — restyle
   from Charisma's white box into the dark purple LK theme. */
.popup__overlay { background: rgba(8, 5, 18, 0.85) !important; backdrop-filter: blur(4px); }
.popup,
body.lk-page .popup {
    background: #16102a !important;
    border: 1px solid rgba(167, 139, 250, 0.35) !important;
    border-radius: 12px !important;
    box-shadow: 0 24px 60px -12px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(167, 139, 250, 0.18) !important;
    color: rgba(255, 255, 255, 0.92);
    padding: 0 !important;
    text-align: left;
    min-width: 360px;
    max-width: 720px;
}
.popup .modal-header,
body.lk-page .popup .modal-header {
    background: linear-gradient(180deg, rgba(167, 139, 250, 0.10), rgba(167, 139, 250, 0.03)) !important;
    border-bottom: 1px solid rgba(167, 139, 250, 0.25) !important;
    border-radius: 12px 12px 0 0;
    padding: 16px 22px;
    display: flex; align-items: center; justify-content: space-between;
    color: #fff !important;
}
.popup .modal-header h3,
body.lk-page .popup .modal-header h3 {
    margin: 0; font-size: 17px; font-weight: 700; letter-spacing: 0.04em;
    color: #ffffff;
    text-shadow: none;
}
.popup .modal-header .close,
body.lk-page .popup .modal-header .close {
    color: rgba(255, 255, 255, 0.6);
    text-shadow: none;
    opacity: 1;
    font-size: 22px;
    line-height: 1;
    background: transparent;
    border: 0;
    cursor: pointer;
    transition: color 0.2s, transform 0.2s;
}
.popup .modal-header .close:hover,
body.lk-page .popup .modal-header .close:hover {
    color: #ffffff;
    transform: scale(1.1);
}
.popup .modal-body,
body.lk-page .popup .modal-body {
    padding: 20px 22px;
    color: rgba(255, 255, 255, 0.85);
}
.popup .alert,
body.lk-page .popup .alert { margin: 0; }
.popup .alert-error,
body.lk-page .popup .alert-error {
    background: rgba(220, 60, 80, 0.15) !important;
    border: 1px solid rgba(220, 60, 80, 0.45) !important;
    color: #ffb4c0 !important;
    text-shadow: none !important;
    border-radius: 8px;
    padding: 14px 16px;
    line-height: 1.5;
}
.popup .alert-info,
body.lk-page .popup .alert-info {
    background: rgba(167, 139, 250, 0.12) !important;
    border: 1px solid rgba(167, 139, 250, 0.4) !important;
    color: #e9d5ff !important;
    text-shadow: none !important;
    border-radius: 8px;
}
.popup .alert-success,
body.lk-page .popup .alert-success {
    background: rgba(60, 200, 80, 0.12) !important;
    border: 1px solid rgba(60, 200, 80, 0.4) !important;
    color: #b9f5c5 !important;
    text-shadow: none !important;
    border-radius: 8px;
}

/* Override Charisma's grey-blue card hover with a smooth purple-tinted one */
.lk-content .pers-block,
.lk-content .row-fluid .pers-block {
    transition: background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease, transform 0.25s ease;
}
.lk-content .pers-block:hover,
.lk-content .row-fluid .pers-block:hover {
    background: rgba(167, 139, 250, 0.08) !important;
    border-color: rgba(167, 139, 250, 0.35) !important;
    color: #ffffff;
    box-shadow: 0 8px 24px -10px rgba(167, 139, 250, 0.45);
    text-decoration: none;
}

/* Action buttons inside character cards — override Bootstrap "primary/danger/warning"
   coloured hovers with a uniform white-purple tint, plus a smooth transition. */
.lk-content .pers-block .btn,
.lk-content .pers-block .btn-primary,
.lk-content .pers-block .btn-danger,
.lk-content .pers-block .btn-warning,
.lk-content .pers-block .btn-success,
.lk-content .pers-block .btn-mini {
    background-color: rgba(255, 255, 255, 0.06) !important;
    background-image: none !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.92) !important;
    transition: background-color 0.4s ease, border-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease, transform 0.25s ease !important;
}
.lk-content .pers-block .btn:hover,
.lk-content .pers-block .btn-primary:hover,
.lk-content .pers-block .btn-danger:hover,
.lk-content .pers-block .btn-warning:hover,
.lk-content .pers-block .btn-success:hover,
.lk-content .pers-block .btn-mini:hover {
    background-color: rgba(167, 139, 250, 0.18) !important;
    border-color: rgba(167, 139, 250, 0.5) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 10px -2px rgba(167, 139, 250, 0.35);
}
/* Keep the dark text on warning buttons readable too (Add slot etc. used <font color="#000000">) */
.lk-content .pers-block .btn-warning font,
.lk-content .pers-block .btn-warning:hover font { color: #fff !important; }

/* Class icons (character list) — replace tiny 14px sprite with the same
   PNG icons used on the public /about page. */
.lk-content .class_icon {
    width: 22px !important;
    height: 22px !important;
    background-image: none;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    image-rendering: pixelated;
    vertical-align: -6px;
    margin-right: 4px;
}
.lk-content .class_icon.class_0,  .lk-content .class_icon.fclass_0  { background-image: url('/Interlude_files/classes/icon_00.png') !important; }
.lk-content .class_icon.class_1,  .lk-content .class_icon.fclass_1  { background-image: url('/Interlude_files/classes/icon_01.png') !important; }
.lk-content .class_icon.class_2,  .lk-content .class_icon.fclass_2  { background-image: url('/Interlude_files/classes/icon_02.png') !important; }
.lk-content .class_icon.class_3,  .lk-content .class_icon.fclass_3  { background-image: url('/Interlude_files/classes/icon_03.png') !important; }
.lk-content .class_icon.class_4,  .lk-content .class_icon.fclass_4  { background-image: url('/Interlude_files/classes/icon_04.png') !important; }
.lk-content .class_icon.class_5,  .lk-content .class_icon.fclass_5  { background-image: url('/Interlude_files/classes/icon_05.png') !important; }
.lk-content .class_icon.class_6,  .lk-content .class_icon.fclass_6  { background-image: url('/Interlude_files/classes/icon_06.png') !important; }
.lk-content .class_icon.class_7,  .lk-content .class_icon.fclass_7  { background-image: url('/Interlude_files/classes/icon_07.png') !important; }
.lk-content .class_icon.class_8,  .lk-content .class_icon.fclass_8  { background-image: url('/Interlude_files/classes/icon_08.png') !important; }
.lk-content .class_icon.class_9,  .lk-content .class_icon.fclass_9  { background-image: url('/Interlude_files/classes/icon_09.png') !important; }
.lk-content .class_icon.class_10, .lk-content .class_icon.fclass_10 { background-image: url('/Interlude_files/classes/icon_10.png') !important; }
.lk-content .class_icon.class_11, .lk-content .class_icon.fclass_11 { background-image: url('/Interlude_files/classes/icon_11.png') !important; }
.lk-content .class_icon.class_12, .lk-content .class_icon.fclass_12 { background-image: url('/Interlude_files/classes/icon_12.png') !important; }
.lk-content .class_icon.class_13, .lk-content .class_icon.fclass_13 { background-image: url('/Interlude_files/classes/icon_13.png') !important; }
.lk-content .class_icon.class_14, .lk-content .class_icon.fclass_14 { background-image: url('/Interlude_files/classes/icon_14.png') !important; }
.lk-content .class_icon.class_15, .lk-content .class_icon.fclass_15 { background-image: url('/Interlude_files/classes/icon_15.png') !important; }
.lk-content .class_icon.class_16, .lk-content .class_icon.fclass_16 { background-image: url('/Interlude_files/classes/icon_16.png') !important; }

/* Hide hero on authenticated pages — LK has its own header chrome (account bar etc.) */
body.lk-page[data-auth="user"] .lk-hero { display: none !important; }
body.lk-page[data-auth="user"] main.content,
body.lk-page[data-auth="user"] .content { padding-top: 50px !important; margin-top: 0 !important; }

/* Authenticated LK pages can be very tall; the page-decor video bg only covers
   ~928px from the top. Stretch its anim-video so it fills the full page height
   instead of showing a hard cutoff partway down. */
body.lk-page[data-auth="user"] .bg-anim,
body.lk-page[data-auth="user"] .bg-anim__Wrapper { height: 100% !important; max-height: none !important; }
body.lk-page[data-auth="user"] .bg-anim .anim-video {
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    object-fit: cover;
}

/* Animated Log in button — matches Register button on register.php */
.lk-form-submit {
    position: relative;
    overflow: hidden;
    color: #fff !important;
    background: linear-gradient(135deg, #7c3aed, #a78bfa) !important;
    background-image: linear-gradient(135deg, #7c3aed, #a78bfa) !important;
    border: 1px solid rgba(167, 139, 250, 0.7) !important;
    text-shadow: none !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    transition: transform 0.18s ease, box-shadow 0.25s ease, filter 0.2s ease;
    animation: lkLoginPulse 2.4s ease-in-out infinite;
}
.lk-form-submit:hover,
.lk-form-submit:focus,
.lk-form-submit:active {
    color: #fff !important;
    background: linear-gradient(135deg, #8b4dff, #b89dff) !important;
    background-image: linear-gradient(135deg, #8b4dff, #b89dff) !important;
    background-position: 0 0 !important;
    border-color: rgba(167, 139, 250, 0.9) !important;
    text-decoration: none;
}
.lk-form-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px -6px rgba(167, 139, 250, 0.6), 0 0 0 4px rgba(167, 139, 250, 0.2);
    animation-play-state: paused;
}
.lk-form-submit:active { transform: translateY(0); }
.lk-form-submit::after {
    content: '';
    position: absolute;
    top: 0; left: -120%;
    width: 60%; height: 100%;
    background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,0.35) 50%, transparent 70%);
    animation: lkLoginShine 3.2s ease-in-out infinite;
    pointer-events: none;
}
@keyframes lkLoginPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(167, 139, 250, 0.5), 0 4px 14px -4px rgba(124, 58, 237, 0.45); }
    50%      { box-shadow: 0 0 0 9px rgba(167, 139, 250, 0.0), 0 6px 22px -4px rgba(124, 58, 237, 0.6); }
}
@keyframes lkLoginShine {
    0%        { left: -120%; }
    55%, 100% { left: 130%; }
}
@media (prefers-reduced-motion: reduce) {
    .lk-form-submit,
    .lk-form-submit::after { animation: none; }
}

/* ============================================================
   Minimalistic line-icons (override Charisma PNG sprite)
   Used on auth pages, sidebar nav, account bar, headers.
   ============================================================ */
.lk-page i.icon,
.lk-page .icon,
.lk-tnav i.icon,
.lk-account-bar i.icon,
.lk-content i.icon,
.lk-auth-card i.icon,
.lk-nav i.icon {
    width: 18px !important;
    height: 18px !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    vertical-align: -3px;
    display: inline-block;
    opacity: 0.92;
}
.lk-page i.icon-user,
.lk-content i.icon-user,
.lk-auth-card i.icon-user,
.lk-account-bar i.icon-user {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='4'/><path d='M4 21v-1a8 8 0 0 1 16 0v1'/></svg>") !important;
}
.lk-page i.icon-locked,
.lk-content i.icon-locked {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='5' y='11' width='14' height='10' rx='2'/><path d='M8 11V7a4 4 0 0 1 8 0v4'/></svg>") !important;
}
.lk-page i.icon-check,
.lk-content i.icon-check {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><polyline points='5 12 10 17 19 7'/></svg>") !important;
}
.lk-page i.icon-page,
.lk-content i.icon-page {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z'/><polyline points='14 3 14 9 20 9'/></svg>") !important;
}
.lk-page i.icon-note,
.lk-content i.icon-note,
.lk-nav i.icon-note {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z'/><polyline points='14 3 14 9 20 9'/><line x1='9' y1='13' x2='15' y2='13'/><line x1='9' y1='17' x2='15' y2='17'/></svg>") !important;
}
.lk-page i.icon-clipboard,
.lk-content i.icon-clipboard {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='8' y='2' width='8' height='4' rx='1'/><path d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/></svg>") !important;
}
.lk-page i.icon-gear,
.lk-content i.icon-gear,
.lk-nav i.icon-gear,
.lk-account-bar i.icon-gear {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='3'/><path d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09a1.65 1.65 0 0 0-1-1.51 1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09a1.65 1.65 0 0 0 1.51-1 1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33h.01a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9.4a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/></svg>") !important;
}
.lk-page i.icon-home,
.lk-nav i.icon-home {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M3 12 12 3l9 9'/><path d='M5 10v10h14V10'/></svg>") !important;
}
.lk-page i.icon-users,
.lk-nav i.icon-users {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/><circle cx='9' cy='7' r='4'/><path d='M22 21v-2a4 4 0 0 0-3-3.87'/><path d='M16 3.13a4 4 0 0 1 0 7.75'/></svg>") !important;
}
.lk-page i.icon-cart,
.lk-nav i.icon-cart {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='21' r='1'/><circle cx='20' cy='21' r='1'/><path d='M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6'/></svg>") !important;
}
.lk-page i.icon-basket,
.lk-nav i.icon-basket,
.lk-account-bar i.icon-basket {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M5 7l-2 13h18L19 7z'/><path d='M8 7l4-5 4 5'/><line x1='10' y1='12' x2='14' y2='12'/></svg>") !important;
}
.lk-page i.icon-contacts,
.lk-nav i.icon-contacts {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='4' width='16' height='16' rx='2'/><circle cx='12' cy='10' r='2'/><path d='M8 17a4 4 0 0 1 8 0'/></svg>") !important;
}
.lk-page i.icon-flag,
.lk-nav i.icon-flag {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M4 22V3'/><path d='M4 4h13l-2 4 2 4H4'/></svg>") !important;
}
.lk-page i.icon-globe,
.lk-nav i.icon-globe {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><line x1='3' y1='12' x2='21' y2='12'/><path d='M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18'/></svg>") !important;
}
.lk-page i.icon-document,
.lk-nav i.icon-document {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z'/><polyline points='14 3 14 9 20 9'/><line x1='9' y1='13' x2='15' y2='13'/><line x1='9' y1='17' x2='15' y2='17'/></svg>") !important;
}
.lk-page i.icon-script,
.lk-nav i.icon-script {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M8 2h11a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H8z'/><path d='M5 9V18a3 3 0 0 0 3 3h13'/></svg>") !important;
}
.lk-page i.icon-date,
.lk-nav i.icon-date {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='16' rx='2'/><line x1='3' y1='10' x2='21' y2='10'/><line x1='8' y1='3' x2='8' y2='7'/><line x1='16' y1='3' x2='16' y2='7'/></svg>") !important;
}
.lk-page i.icon-book,
.lk-page i.icon-book-empty,
.lk-nav i.icon-book {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20V3H6.5A2.5 2.5 0 0 0 4 5.5z'/><path d='M4 19.5V21h16'/></svg>") !important;
}
.lk-page i.icon-cancel,
.lk-content i.icon-cancel,
.lk-account-bar i.icon-cancel {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><line x1='9' y1='9' x2='15' y2='15'/><line x1='15' y1='9' x2='9' y2='15'/></svg>") !important;
}
.lk-page i.icon-sent,
.lk-account-bar i.icon-sent {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><line x1='22' y1='2' x2='11' y2='13'/><polygon points='22 2 15 22 11 13 2 9 22 2'/></svg>") !important;
}
.lk-page i.icon-envelope,
.lk-page i.icon-envelope-open,
.lk-page i.icon-envelope-closed,
.lk-page i.icon-mail-closed,
.lk-page i.icon-mail-open,
.lk-account-bar i.icon-envelope,
.lk-account-bar i.icon-mail-closed {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='14' rx='2'/><polyline points='3 7 12 13 21 7'/></svg>") !important;
}
.lk-page i.icon-wheel,
.lk-nav i.icon-wheel {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='10' width='18' height='11' rx='1.2'/><rect x='2' y='6' width='20' height='4' rx='0.5'/><line x1='12' y1='6' x2='12' y2='21'/><circle cx='8.5' cy='4' r='2.2'/><circle cx='15.5' cy='4' r='2.2'/></svg>") !important;
}
.lk-page i.icon-bag,
.lk-nav i.icon-bag {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M5 9h14l-1.2 11a2 2 0 0 1-2 1.8H8.2a2 2 0 0 1-2-1.8z'/><path d='M9 9V6a3 3 0 0 1 6 0v3'/><line x1='9' y1='13' x2='9' y2='15'/><line x1='15' y1='13' x2='15' y2='15'/></svg>") !important;
}
.lk-page i.icon-close {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><line x1='6' y1='6' x2='18' y2='18'/><line x1='18' y1='6' x2='6' y2='18'/></svg>") !important;
}
/* Active sidebar item — purple tint on the icon */
.lk-nav .lk-nav-link.is-active i.icon { filter: brightness(1.2) drop-shadow(0 0 6px rgba(167, 139, 250, 0.55)); }

/* ============================================================
   Mobile adaptation
   ============================================================ */

/* Tablet (≤ 900px) — sidebar already collapses via earlier media block.
   Tighten LK chrome and reduce hero/auth padding. */
@media (max-width: 900px) {
    body.lk-page[data-auth="user"] main.content,
    body.lk-page[data-auth="user"] .content { padding-top: 110px !important; }

    .lk-account-bar {
        flex-wrap: wrap;
        gap: 8px;
        padding: 12px 14px;
    }
    .lk-account-bar > * { font-size: 13px; }
    .lk-shell { padding: 0 14px; }

    /* Auth wrapper */
    .lk-auth-wrap { padding: 0 14px; }
    .lk-auth-card { max-width: 100%; }

    /* Header pill (account chip / online widget) wraps */
    .lk-hero-pill { flex-wrap: wrap; justify-content: center; }
}

/* Phone (≤ 720px) */
@media (max-width: 720px) {
    body.lk-page[data-auth="user"] main.content,
    body.lk-page[data-auth="user"] .content { padding-top: 90px !important; }

    /* Account bar — drop to compact stack */
    .lk-account-bar { flex-direction: column; align-items: stretch; gap: 8px; }
    .lk-account-bar > * { width: 100%; justify-content: center; }
    .lk-account-bar .lk-pill { width: auto; }

    /* Sidebar nav becomes a horizontally scrolling row at top */
    .lk-sidebar { padding: 8px; }
    .lk-nav { flex-direction: row; flex-wrap: wrap; gap: 4px; }
    .lk-nav-section { display: none; }
    .lk-nav-link {
        padding: 8px 10px;
        font-size: 12px;
    }
    .lk-nav-link span { white-space: nowrap; }

    /* Character cards: full-width single column */
    .lk-content .well.span3 {
        width: 100% !important;
        margin: 0 0 12px 0 !important;
        float: none !important;
    }
    .lk-content .row-fluid { display: block; }

    /* Forms: stack labels above inputs */
    .lk-content .form-horizontal .control-label,
    .lk-content .form-horizontal label {
        width: auto !important;
        text-align: left !important;
        margin-bottom: 4px;
    }
    .lk-content .form-horizontal .controls { margin-left: 0 !important; }
    .lk-content .input-prepend,
    .lk-content .input-append { max-width: 100%; }
    .lk-content .input-xlarge,
    .lk-content input[type="text"],
    .lk-content input[type="password"],
    .lk-content input[type="email"],
    .lk-content select { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box; }

    /* Tables: allow horizontal scroll instead of overflowing the viewport */
    .lk-content .table,
    .lk-content table { font-size: 12px; }
    .lk-content .dataTables_wrapper,
    .lk-content .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Login form on guest pages */
    .lk-auth-card { padding: 16px; }
    .lk-form-row label { font-size: 11px; }

    /* Box headers */
    .lk-content .box-header h2 { font-size: 14px; }
    .lk-content .box-content { padding: 12px 14px; }
    .lk-content h2 { font-size: 16px; }

    /* Modal popup */
    .popup, body.lk-page .popup {
        min-width: 0;
        width: calc(100vw - 24px);
        margin: 0 12px;
    }
    .popup .modal-header { padding: 12px 14px; }
    .popup .modal-body { padding: 14px; }

    /* Register form (was 880px shell with 180px labels) */
    .lk-reg-shell { max-width: 100% !important; }
    .lk-reg-shell .form-horizontal .control-label { width: auto !important; }
    .lk-reg-shell .form-horizontal .controls { margin-left: 0 !important; }
    .lk-reg-shell .form-horizontal .controls input.input-xlarge,
    .lk-reg-shell .form-horizontal .controls select { max-width: 100%; }

    /* Hero hidden for auth=user; for guest reduce padding */
    body.lk-page[data-auth="guest"] .lk-hero { padding-top: 110px; padding-bottom: 8px; }
    .lk-hero-orbit { width: 280px; height: 160px; margin-bottom: -28px; }
    .lk-hero-glow { width: 260px; height: 260px; }
    .lk-hero-ring--1 { width: 220px; height: 220px; }
    .lk-hero-ring--2 { width: 280px; height: 280px; }
    .lk-hero-logo img { max-width: 240px; }
}

/* Small phone (≤ 480px) */
@media (max-width: 480px) {
    .lk-content .pers-block.top-block .label,
    .lk-content .pers-block.top-block .label-info { font-size: 9px; padding: 1px 5px; }
    .lk-content .box-header h2 { font-size: 13px; }
    .lk-account-bar > * { font-size: 12px; }
    .lk-form-actions { flex-direction: column; }
    .lk-form-actions .btn { width: 100%; }

    .lk-hero-orbit { width: 240px; height: 140px; }
    .lk-hero-logo img { max-width: 200px; }
    body.lk-page[data-auth="guest"] .lk-hero { padding-top: 90px; }
}

/* scroll-fix: app__Wrapper overflow-x */
/* `overflow-x: hidden` silently coerces `overflow-y` to `auto`, turning
   .app__Wrapper into a nested scroll container so the mouse wheel scrolls it
   instead of the document and stops short of the bottom. `clip` clips the
   horizontal overflow WITHOUT establishing a scroll container. */
body.lk-page[data-auth="user"] .app__Wrapper { overflow-x: clip; overflow-y: visible; }

/* scroll-fix 2: html/body height:100% kills Lenis smooth-scroll.
   Interlude2_files/app.min.css sets `body, html { height: 100%; width: 100% }`,
   which locks the <html> border box to the viewport height. Lenis measures
   limit = content.height - wrapper.height = 720 - 720 = 0, so the wheel is clamped
   to zero and long pages (?op=config above all) refuse to scroll past the first
   screen. Its ResizeObserver never fires either — the html box never changes size.
   height:auto lets the box follow content; min-height keeps full-viewport layouts. */
html, body { height: auto !important; min-height: 100% !important; }

/* Achievements — trophy line-icon (matches lk SVG icon set) */
.lk-page i.icon-trophy,
.lk-content i.icon-trophy,
.lk-nav i.icon-trophy {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9H4.5a2.5 2.5 0 0 1 0-5H6'/><path d='M18 9h1.5a2.5 2.5 0 0 0 0-5H18'/><path d='M4 22h16'/><path d='M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22'/><path d='M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22'/><path d='M18 2H6v7a6 6 0 0 0 12 0V2Z'/></svg>") !important;
}

/* Top-100 CLASSES — wrap class cells into a centered card grid (fix layout) */
.lk-topclass table, .lk-topclass tbody { display:block; width:100%; border:0; margin:0; }
.lk-topclass tr { display:flex; flex-wrap:wrap; justify-content:center; gap:7px; }
.lk-topclass td { display:block; text-align:center; white-space:nowrap; padding:8px 11px !important; min-width:96px; line-height:1.85; border:1px solid rgba(255,255,255,.09) !important; border-radius:10px; background:rgba(255,255,255,.03) !important; }
.lk-topclass .class_icon { width:24px !important; height:24px !important; vertical-align:middle; margin:0 1px; }
.lk-topclass .label { display:inline-block; font-size:10px; padding:2px 6px; margin:0 1px; vertical-align:middle; line-height:1.3; }
.lk-topclass .label-inverse { background:rgba(255,255,255,.10); font-weight:700; }

/* Top 100 — crown line-icon */
.lk-page i.icon-crown,
.lk-content i.icon-crown,
.lk-nav i.icon-crown {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='m2 4 3 12h14l3-12-6 7-4-7-4 7-6-7z'/><path d='M5 20h14'/></svg>") !important;
}

/* DataTables controls — keep Search + length on one line inside narrow boxes (fix wrap/overflow) */
.lk-content .dataTables_wrapper .row-fluid { margin-bottom: 6px; }
.lk-content .dataTables_filter label,
.lk-content .dataTables_length label {
    margin: 0 !important;
    display: flex !important;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    color: rgba(255,255,255,.6);
    font-size: 12px;
}
.lk-content .dataTables_filter { text-align: right; }
.lk-content .dataTables_filter label { justify-content: flex-end; }
.lk-content .dataTables_filter input {
    width: 100% !important;
    max-width: 175px;
    min-width: 80px;
    flex: 1 1 auto;
    height: 30px !important;
    margin: 0 !important;
}
.lk-content .dataTables_length select { flex: 0 0 auto; }

/* Search input: compact like the 'records' length control (fix tall box) */
.lk-content .dataTables_filter input[type="search"],
.lk-content .dataTables_filter input {
    box-sizing: border-box !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 3px 9px !important;
    line-height: 1.35 !important;
    font-size: 12px !important;
    max-width: 170px;
    vertical-align: middle;
}
.lk-content .dataTables_filter input[type="search"]::-webkit-search-cancel-button,
.lk-content .dataTables_filter input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }

/* Promo codes — ticket line-icon */
.lk-page i.icon-ticket,
.lk-content i.icon-ticket,
.lk-nav i.icon-ticket {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z'/><path d='M13 5v14'/></svg>") !important;
}

/* ================= Аудит вёрстки (2026-07-19) ================= */

/* 1) .input-prepend не был флекс-контейнером — правило было только для .input-append.
      Из-за этого на "Account settings" иконка и поле разъезжались, поле уходило вправо. */
.lk-content .input-prepend {
    display: inline-flex;
    align-items: stretch;
    width: 100%;
    max-width: 360px;
}

/* 2) Автозаполнение Chrome рисовало жёлтую плашку поверх тёмной темы и перекрывало соседнее поле. */
.lk-content input:-webkit-autofill,
.lk-content input:-webkit-autofill:hover,
.lk-content input:-webkit-autofill:focus,
.lk-content input:-webkit-autofill:active,
.lk-content textarea:-webkit-autofill,
.lk-content select:-webkit-autofill {
    -webkit-text-fill-color: #ffffff !important;
    -webkit-box-shadow: 0 0 0 1000px #191428 inset !important;
    box-shadow: 0 0 0 1000px #191428 inset !important;
    caret-color: #ffffff;
    border-color: rgba(255,255,255,0.12) !important;
    transition: background-color 100000s ease-in-out 0s;
}

/* 3) Отступ между блоками задавался только adjacent-селектором (+), а inline <style>/<script>
      между блоками его ломают — добавляем general-sibling, чтобы блоки не слипались. */
.lk-content .row-fluid ~ .row-fluid { margin-top: 14px; }

/* Форма смены пароля (account.php) — узкие поля, воздух между строками */
.lk-content #chpassform .input-prepend { max-width: 300px; margin-bottom: 14px; }
.lk-content #chpassform .input-prepend input { min-width: 0 !important; width: 100%; }
.lk-content #chpassform .control-label1 { margin: 0 0 5px; line-height: 1.35; }
.lk-content #chpassform fieldset > .clearfix { height: 0; }
.lk-content #chpassform .form-actions { margin-top: 8px; padding: 14px 16px; }

/* Иконки в формах (конверт / замок / вопрос) — в общем линейном стиле темы */
.lk-page i.icon-envelope,
.lk-content i.icon-envelope {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='5' width='20' height='14' rx='2'/><path d='m2 7 10 6 10-6'/></svg>") !important;
}
.lk-page i.icon-lock,
.lk-content i.icon-lock {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='5' y='11' width='14' height='10' rx='2'/><path d='M8 11V7a4 4 0 0 1 8 0v4'/></svg>") !important;
}
.lk-page i.icon-question-sign,
.lk-content i.icon-question-sign {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M9.6 9.3a2.5 2.5 0 1 1 3.4 2.4c-.7.3-1 .9-1 1.6v.3'/><path d='M12 17.2v.01'/></svg>") !important;
}

/* Форма смены пароля — компактнее поля и ровный ряд иконок */
.lk-content #chpassform .input-prepend { max-width: 240px; }
.lk-content #chpassform .add-on { min-width: 38px; padding: 0 10px; }

/* Иконки форм не имеют базового класса .icon (тег вида <i class="icon-lock">),
   поэтому им нужно задать размеры явно — иначе SVG-фон не виден. */
.lk-page i.icon-envelope, .lk-content i.icon-envelope,
.lk-page i.icon-lock, .lk-content i.icon-lock,
.lk-page i.icon-question-sign, .lk-content i.icon-question-sign {
    display: inline-block !important;
    width: 17px !important;
    height: 17px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    vertical-align: -3px;
    opacity: .9;
}

/* Компактная высота полей формы смены пароля */
.lk-content #chpassform .add-on { min-height: 34px; height: 34px; }
.lk-content #chpassform .input-prepend input {
    height: 34px !important;
    min-height: 34px !important;
    padding: 4px 10px !important;
    font-size: 13px;
}

/* Иконки действий из HTML серверной части (таблицы админки) и прочие недостающие.
   У них есть базовый класс .icon, размеры задаёт тема — нужен только рисунок,
   иначе спрайт растягивается background-size:contain и выглядит как каша. */
.lk-page i.icon-trash, .lk-content i.icon-trash,
.lk-page a.icon-trash, .lk-content a.icon-trash {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff8b8b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M3 6h18'/><path d='M8 6V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2'/><path d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'/><path d='M10 11v6M14 11v6'/></svg>") !important;
}
.lk-page i.icon-edit, .lk-content i.icon-edit,
.lk-page a.icon-edit, .lk-content a.icon-edit {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M12 20h9'/><path d='M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z'/></svg>") !important;
}
.lk-page i.icon-close, .lk-content i.icon-close {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff8b8b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M18 6 6 18'/><path d='m6 6 12 12'/></svg>") !important;
}
.lk-page i.icon-notice, .lk-content i.icon-notice {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffd166' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M12 8h.01'/><path d='M11 12h1v5h1'/></svg>") !important;
}
.lk-page i.icon-arrow-s, .lk-content i.icon-arrow-s {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M12 5v14'/><path d='m19 12-7 7-7-7'/></svg>") !important;
}

/* Кнопка «скопировать реферальную ссылку» в шапке (рядом с Get coins) */
.lk-account-bar .lk-ref-btn {
    font: inherit;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background .18s, border-color .18s, color .18s;
}
.lk-account-bar .lk-ref-btn svg { width: 17px; height: 17px; flex: 0 0 auto; opacity: .92; }
.lk-account-bar .lk-ref-btn:hover { border-color: rgba(167,139,250,.65); }
.lk-account-bar .lk-ref-btn.is-copied {
    background: rgba(76,175,80,.22) !important;
    border-color: rgba(76,175,80,.7) !important;
    color: #d6ffd9 !important;
}
.lk-account-bar .lk-ref-btn.is-copied svg { stroke: #9ff0a6; }
@media (max-width: 900px) { .lk-account-bar .lk-ref-btn .lk-ref-txt { display: none; } }

/* Блоки .well верхнего уровня (напр. "последний вход / рефералы" на главной) —
   это не .row-fluid, поэтому общий отступ между блоками их не касался и они слипались.
   Скоупим строго на прямых детей контейнера страницы, чтобы не задеть .box-header.well. */
.lk-content #main_content_div > .well { margin-top: 14px; }
.lk-content #main_content_div > .well + .row-fluid { margin-top: 14px; }