/* ============================================================
   MANHWA MŰHELY – KÖZPONTI TÉMASZÍNEK
   Az alapértékek pontosan a jelenlegi rózsaszín/lila témát adják.
   A data-theme="blue" csak ezeket az értékeket cseréli.
   ============================================================ */
:root {
    --mm-accent: #ff7bd5;
    --mm-accent-rgb: 255, 123, 213;
    --mm-accent-2: #b46cff;
    --mm-accent2-rgb: 180, 108, 255;
    --mm-accent-soft: #ffc0e4;
    --mm-accent-soft-rgb: 255, 192, 228;
    --mm-accent-pale: #ffd7f2;
    --mm-accent-light: #ff9de4;
    --mm-text: #f8eaff;
    --mm-text-alt: #f7eaff;
    --mm-text-alt2: #f9eaff;
    --mm-text-muted: #c9b4ff;
    --mm-text-muted-rgb: 201, 180, 255;
    --mm-text-soft: #d9c4ff;
    --mm-text-soft-rgb: 217, 196, 255;
    --mm-cool-accent: #b9f3ff;
    --mm-pink-soft: #ffb6d3;
    --mm-hot-accent: #ff4f8f;
    --mm-lilac-muted: #d6c4f5;
    --mm-lilac-pale: #efd2ff;
    --mm-pink-pale: #ffe6f6;
    --mm-pink-mid: #ff8edc;
    --mm-lilac-soft: #e8c8ff;
    --mm-pink-light: #ff9ddd;
    --mm-pink-strong: #ff6ec7;
    --mm-pink-mid2: #ff8fdc;
    --mm-danger-soft: #fb7185;
    --mm-surface: #10111f;
    --mm-surface-rgb: 18, 20, 42;
    --mm-surface-2: #111328;
    --mm-bg-deep: #050610;
    --mm-bg: #0b0d19;
    --mm-bg-rgb: 9, 10, 24;
}

html[data-theme="blue"] {
    --mm-accent: #3c96f4;
    --mm-accent-rgb: 60, 150, 244;
    --mm-accent-2: #2667c9;
    --mm-accent2-rgb: 38, 103, 201;
    --mm-accent-soft: #9ed2ff;
    --mm-accent-soft-rgb: 158, 210, 255;
    --mm-accent-pale: #cbe8ff;
    --mm-accent-light: #79bdff;
    --mm-text: #eef7ff;
    --mm-text-alt: #eef7ff;
    --mm-text-alt2: #f4f9ff;
    --mm-text-muted: #8fc7ff;
    --mm-text-muted-rgb: 143, 199, 255;
    --mm-text-soft: #b8dbff;
    --mm-text-soft-rgb: 184, 219, 255;
    --mm-cool-accent: #72d8ff;
    --mm-pink-soft: #a8d6ff;
    --mm-hot-accent: #42a1ff;
    --mm-lilac-muted: #a9cce9;
    --mm-lilac-pale: #d4eaff;
    --mm-pink-pale: #e2f2ff;
    --mm-pink-mid: #68b7ff;
    --mm-lilac-soft: #c6e3ff;
    --mm-pink-light: #83c5ff;
    --mm-pink-strong: #258df2;
    --mm-pink-mid2: #64b4ff;
    --mm-surface: #09182b;
    --mm-surface-rgb: 9, 24, 43;
    --mm-surface-2: #0b203a;
    --mm-bg-deep: #030b16;
    --mm-bg: #061323;
    --mm-bg-rgb: 6, 19, 35;
}

html[data-theme="blue"] body {
    background-color: var(--mm-bg-deep) !important;
}



html[data-theme="burgundy"] {
    --mm-accent: #c43b5c;
    --mm-accent-rgb: 196, 59, 92;
    --mm-accent-2: #7f1d3a;
    --mm-accent2-rgb: 127, 29, 58;
    --mm-accent-soft: #f0a0b3;
    --mm-accent-soft-rgb: 240, 160, 179;
    --mm-accent-pale: #f7c8d2;
    --mm-accent-light: #df6b87;
    --mm-text: #fff1f4;
    --mm-text-alt: #fbe8ed;
    --mm-text-alt2: #fff7f8;
    --mm-text-muted: #d98ba0;
    --mm-text-muted-rgb: 217, 139, 160;
    --mm-text-soft: #e9b3c0;
    --mm-text-soft-rgb: 233, 179, 192;
    --mm-cool-accent: #f1a7b8;
    --mm-pink-soft: #e899ac;
    --mm-hot-accent: #e04468;
    --mm-lilac-muted: #c98396;
    --mm-lilac-pale: #f0c1cc;
    --mm-pink-pale: #f8dce3;
    --mm-pink-mid: #d95675;
    --mm-lilac-soft: #e6a7b7;
    --mm-pink-light: #e97892;
    --mm-pink-strong: #c92f55;
    --mm-pink-mid2: #d95b78;
    --mm-surface: #211014;
    --mm-surface-rgb: 33, 16, 20;
    --mm-surface-2: #2b1118;
    --mm-bg-deep: #090305;
    --mm-bg: #16080c;
    --mm-bg-rgb: 22, 8, 12;
}

html[data-theme="burgundy"] body {
    background-color: var(--mm-bg-deep) !important;
}

html[data-theme="silver"] {
    --mm-accent: #c8ccd2;
    --mm-accent-rgb: 200, 204, 210;
    --mm-accent-2: #777e89;
    --mm-accent2-rgb: 119, 126, 137;
    --mm-accent-soft: #e7e9ed;
    --mm-accent-soft-rgb: 231, 233, 237;
    --mm-accent-pale: #f2f3f5;
    --mm-accent-light: #d8dbe0;
    --mm-text: #f3f4f6;
    --mm-text-alt: #eceef1;
    --mm-text-alt2: #fafafa;
    --mm-text-muted: #aeb4bd;
    --mm-text-muted-rgb: 174, 180, 189;
    --mm-text-soft: #c8cdd4;
    --mm-text-soft-rgb: 200, 205, 212;
    --mm-cool-accent: #e4e7eb;
    --mm-pink-soft: #d1d5da;
    --mm-hot-accent: #b7bcc4;
    --mm-lilac-muted: #a8adb5;
    --mm-lilac-pale: #e1e4e8;
    --mm-pink-pale: #eceef1;
    --mm-pink-mid: #c4c8ce;
    --mm-lilac-soft: #d5d9de;
    --mm-pink-light: #d9dde2;
    --mm-pink-strong: #aeb4bd;
    --mm-pink-mid2: #c9cdd3;
    --mm-surface: #111214;
    --mm-surface-rgb: 17, 18, 20;
    --mm-surface-2: #191b1e;
    --mm-bg-deep: #050506;
    --mm-bg: #0b0c0e;
    --mm-bg-rgb: 11, 12, 14;
}

html[data-theme="silver"] body {
    background-color: var(--mm-bg-deep) !important;
}

html[data-theme="blue"] .logo-wrap img {
    content: url("/assets/images/logo-blue.png");
    filter: drop-shadow(0 0 12px rgba(60,150,244,.52)) !important;
}

html[data-theme="blue"] .header-flower {
    content: url("/assets/images/corner-flower-blue.png");
    filter: drop-shadow(0 0 10px rgba(60,150,244,.32)) !important;
}

* {
    box-sizing: border-box;
}

html {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

html::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.mm-overlay-scrollbar {
    position: fixed;
    top: 8px;
    right: 3px;
    bottom: 8px;
    width: 10px;
    z-index: 100000;
    border-radius: 999px;
    background: rgba(255, 157, 228, .08);
    opacity: 1;
    transition: opacity .18s ease;
}

.mm-overlay-scrollbar.is-hidden {
    opacity: 0;
    pointer-events: none;
}

.mm-overlay-scrollbar-thumb {
    position: absolute;
    top: 0;
    right: 2px;
    width: 6px;
    min-height: 44px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--mm-accent), #9b6cff);
    box-shadow: 0 0 8px rgba(var(--mm-accent-rgb), .55);
    cursor: grab;
}

.mm-overlay-scrollbar-thumb:active {
    cursor: grabbing;
}

@media (max-width: 768px), (pointer: coarse) {
    .mm-overlay-scrollbar {
        top: 6px;
        right: 2px;
        bottom: 6px;
        width: 6px;
        background: transparent;
    }

    .mm-overlay-scrollbar-thumb {
        right: 1px;
        width: 3px;
        min-height: 30px;
        background: linear-gradient(
            180deg,
            rgba(var(--mm-accent-rgb), .5),
            rgba(155, 108, 255, .46)
        );
        box-shadow: 0 0 4px rgba(var(--mm-accent-rgb), .3);
    }
}

body {
    margin: 0;
    overflow-x: hidden;
    background:
        radial-gradient(circle at top left, rgba(255, 105, 200, .16), transparent 35%),
        radial-gradient(circle at top right, rgba(120, 90, 255, .16), transparent 35%),
        var(--mm-bg-deep);
    color: var(--mm-text);
    font-family: Arial, sans-serif;
}

/* FEJLÉC */

.site-header {
    position: relative;
    height: 92px;
    background: linear-gradient(90deg, var(--mm-bg), var(--mm-surface-2), var(--mm-bg));
    border-bottom: 2px solid var(--mm-accent);
    box-shadow: 0 0 18px rgba(var(--mm-accent-rgb), .45);
    overflow: visible;
}

.header-inner {
    height: 92px;
    width: 100%;
    padding: 0 28px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    position: relative;
    z-index: 2;
}

.logo-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    justify-self: start;
}

.logo-wrap img {
    width: 88px;
    height: 88px;
    object-fit: contain;
    filter: drop-shadow(0 0 12px rgba(var(--mm-accent-rgb), .65));
}

.logo-wrap span {
    font-size: 32px;
    font-weight: bold;
    color: var(--mm-accent-soft);
    text-shadow: 0 0 12px rgba(var(--mm-accent-rgb), .7);
    white-space: nowrap;
}

.main-nav {
    display: flex;
    justify-content: center;
    gap: 24px;
}

.user-nav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;
    margin-right: 120px;
}

/* Keskenyebb asztali/laptop nézet: marad az egysoros fejléc, de nem csúszik össze. */
@media (min-width: 1001px) {
    .header-inner {
        grid-template-columns: 1fr auto 1fr;
        padding-left: 18px;
        padding-right: 18px;
        column-gap: 16px;
    }

    .logo-wrap {
        justify-self: start;
    }

    .main-nav {
        gap: 14px;
    }

    .user-nav {
        justify-content: flex-end;
        gap: 10px;
        margin-right: 75px;
    }

    .main-nav a,
    .user-nav a {
        font-size: 15px !important;
    }
}

.main-nav a,
.user-nav a {
    color: var(--mm-pink-pale);
    text-decoration: none;
    font-weight: bold;
    font-size: 17px;
    white-space: nowrap;
}

.main-nav a:hover,
.user-nav a:hover {
    color: var(--mm-accent);
    text-shadow: 0 0 10px var(--mm-accent);
}

.header-flower{
    position:absolute;

    top:-8px;
    right:0;

    height:165px;
    width:auto;

    opacity:.9;
    pointer-events:none;
    z-index:1;
}

/* ÁLTALÁNOS */

.page {
    width: 100%;
    max-width: 1250px;
    margin: 35px auto;
    padding: 0 24px;
}

/* KEZDŐLAP */

.announcement-box {
    background: linear-gradient(135deg, rgba(255, 105, 200, .18), rgba(120, 90, 255, .16));
    border: 1px solid rgba(var(--mm-accent-rgb), .55);
    border-radius: 18px;
    padding: 24px;
    margin-bottom: 30px;
    box-shadow: 0 0 22px rgba(var(--mm-accent-rgb), .25);
}

.announcement-box h2 {
    margin-top: 0;
    color: var(--mm-accent-soft);
}

.home-section {
    margin-top: 20px;
}

.section-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.section-head h1 {
    color: var(--mm-accent-soft);
    text-shadow: 0 0 12px rgba(var(--mm-accent-rgb), .45);
}

.all-projects-btn {
    padding: 10px 18px;
    border: 1px solid var(--mm-accent);
    border-radius: 999px;
    color: #ffc9ea;
    text-decoration: none;
    background: rgba(255, 105, 200, .10);
    font-weight: bold;
}

.latest-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.latest-card {
    background: linear-gradient(145deg, rgba(15, 18, 38, .95), rgba(8, 9, 20, .95));
    border: 1px solid rgba(var(--mm-accent-rgb), .45);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 0 16px rgba(180, 92, 255, .18);
}

.latest-card img,
.latest-no-cover {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}

.latest-no-cover {
    background: #1b1b28;
    color: #d8b8ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.latest-info {
    padding: 14px;
}

.latest-info h3 {
    margin: 0 0 8px;
    color: var(--mm-accent-soft);
    font-size: 17px;
}

.latest-info p {
    margin: 0 0 12px;
    color: var(--mm-text-muted);
}

.latest-info a {
    display: inline-block;
    padding: 8px 14px;
    border: 1px solid var(--mm-accent-2);
    border-radius: 8px;
    color: var(--mm-lilac-pale);
    text-decoration: none;
    background: rgba(var(--mm-accent2-rgb), .15);
}

/* PROJEKT ADATLAP */

.project-top {
    display: grid;
    grid-template-columns: 330px 1fr;
    gap: 25px;
}

.cover-card,
.info-card,
.description-card,
.chapters-card {
    background: linear-gradient(145deg, rgba(15, 18, 38, .95), rgba(8, 9, 20, .95));
    border: 1px solid rgba(var(--mm-accent-rgb), .55);
    border-radius: 16px;
    box-shadow:
        0 0 18px rgba(var(--mm-accent-rgb), .25),
        inset 0 0 25px rgba(130, 80, 255, .08);
}

.cover-card {
    padding: 18px;
}

.cover-card img,
.no-cover {
    width: 100%;
    height: 430px;
    object-fit: cover;
    border-radius: 13px;
    box-shadow: 0 0 18px rgba(185, 95, 255, .35);
}

.no-cover {
    background: #1b1b28;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d8b8ff;
}

.action-btn {
    display: block;
    width: 100%;
    margin-top: 16px;
    padding: 14px;
    border-radius: 10px;
    border: 1px solid #ff6fcf;
    background: rgba(255, 105, 200, .08);
    color: #ffc9ea;
    font-weight: bold;
    font-size: 16px;
}

.info-card {
    padding: 28px;
}

.info-card h1 {
    color: var(--mm-accent-soft);
    font-size: 38px;
    margin-top: 0;
}

.korean-title {
    color: #bda5ff;
    font-size: 18px;
}

.info-row {
    border-top: 1px solid rgba(255, 255, 255, .08);
    padding: 14px 0;
    display: flex;
    gap: 25px;
    align-items: center;
}

.info-row strong {
    width: 190px;
    color: var(--mm-pink-light);
}

.genre-bubble {
    display: inline-block;
    margin: 5px;
    padding: 7px 15px;
    border-radius: 999px;
    border: 1px solid #d06cff;
    color: #f2c8ff;
    background: rgba(127, 48, 180, .22);
    font-weight: bold;
}

/* LEÍRÁS + FEJEZETEK */

.description-card,
.chapters-card {
    margin-top: 26px;
    padding: 26px;
}

.section-title {
    color: var(--mm-pink-light);
    text-transform: uppercase;
}

.description-card p {
    line-height: 1.7;
    color: #f0e7ff;
}

.chapter-row {
    display: grid;
    grid-template-columns: 1fr 150px 80px;
    align-items: center;
    padding: 16px 0;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.read-btn {
    padding: 9px 18px;
    border: 1px solid var(--mm-accent-2);
    border-radius: 8px;
    color: var(--mm-lilac-pale);
    text-decoration: none;
    text-align: center;
    background: rgba(var(--mm-accent2-rgb), .15);
}

.report-btn {
    color: #ff4f7d;
    text-decoration: none;
    text-align: center;
    font-size: 22px;
}

/* OLVASÓ */

.reader-nav {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 15px;
    align-items: center;
    margin: 20px 0;
}

.reader-nav a {
    padding: 10px 18px;
    border: 1px solid var(--mm-accent-2);
    border-radius: 999px;
    color: var(--mm-lilac-pale);
    text-decoration: none;
    text-align: center;
    background: rgba(var(--mm-accent2-rgb), .15);
}

.reader-nav a:first-child {
    justify-self: start;
}

.reader-nav a:last-child {
    justify-self: end;
}

.reader-title {
    text-align: center;
    margin: 30px 0;
}

.reader-title h1 {
    color: var(--mm-accent-soft);
}

.reader-title p {
    color: var(--mm-text-muted);
}

.reader-images {
    max-width: 1080px;
    margin: 0 auto;
}

.reader-images img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.reader-actions {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-top: 25px;
}

.reader-actions button {
    padding: 12px 20px;
    border-radius: 999px;
    border: 1px solid var(--mm-accent);
    background: rgba(255, 105, 200, .10);
    color: #ffc9ea;
    font-weight: bold;
}

/* LÁBLÉC */

.site-footer {
    margin-top: 45px;
    padding: 22px;
    text-align: center;
    border-top: 1px solid rgba(var(--mm-accent-rgb), .45);
    color: #d7c4e8;
    background: rgba(8, 10, 22, .9);
}

/* MOBIL */

@media (max-width: 1000px) {
    .latest-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .project-top {
        grid-template-columns: 1fr;
    }

    .header-inner {
        grid-template-columns: 1fr;
        height: auto;
        padding: 15px;
    }

    .logo-wrap {
        justify-self: start;
    }

    .site-header {
        height: auto;
    }

    .main-nav,
    .user-nav {
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 10px;
    }

    .user-nav {
        margin-right: 0;
    }
}

@media (max-width: 600px) {
    .latest-grid {
        grid-template-columns: 1fr;
    }

    .section-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}

.projects-title {
    color: var(--mm-accent-soft);
    font-size: 36px;
    text-shadow: 0 0 12px rgba(var(--mm-accent-rgb), .55);
}

.projects-search {
    display: flex;
    justify-content: center;
    margin: 25px 0;
}

.projects-search input {
    width: 430px;
    padding: 14px 22px;
    border-radius: 999px;
    border: 2px solid var(--mm-accent-2);
    background: rgba(8, 9, 20, .85);
    color: var(--mm-text);
    outline: none;
}

.project-tabs {
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 35px;
}

.project-tabs a {
    padding: 10px 22px;
    border-radius: 999px;
    border: 2px solid var(--mm-accent-2);
    color: var(--mm-lilac-soft);
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    background: rgba(120, 60, 180, .10);
}

.project-tabs a.active,
.project-tabs a:hover {
    background: linear-gradient(135deg, var(--mm-accent), var(--mm-accent-2));
    color: #fff;
    border-color: var(--mm-accent-light);
    box-shadow: 0 0 14px rgba(var(--mm-accent-rgb), .45);
}

.projects-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

.project-card {
    background: linear-gradient(145deg, rgba(15, 18, 38, .96), rgba(8, 9, 20, .96));
    border: 1px solid rgba(var(--mm-accent-rgb), .45);
    border-radius: 16px;
    overflow: hidden;
    min-height: 430px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 18px rgba(180, 92, 255, .18);
}

.project-cover {
    width: 100%;
    height: 190px;
    object-fit: cover;
    display: block;
}

.project-card .no-cover {
    background: #1b1b28;
    color: #d8b8ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-card-body {
    padding: 16px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.project-card-body h3 {
    margin: 0 0 10px;
    color: var(--mm-accent-soft);
    font-size: 21px;
    text-shadow: 0 0 8px rgba(var(--mm-accent-rgb), .35);
}

.project-card-body p {
    margin: 6px 0;
    color: #f0d7ff;
}

.project-desc {
    color: var(--mm-lilac-muted) !important;
    line-height: 1.45;
}

.project-card-actions {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.status-pill {
    background: rgba(var(--mm-accent-rgb), .14);
    color: var(--mm-accent-soft);
    border: 1px solid var(--mm-accent);
    padding: 7px 10px;
    border-radius: 999px;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
}

.project-card-actions a {
    color: var(--mm-lilac-pale);
    border: 1px solid var(--mm-accent-2);
    padding: 7px 10px;
    border-radius: 999px;
    text-decoration: none;
    background: rgba(var(--mm-accent2-rgb), .15);
}

.project-card-actions a:hover {
    background: rgba(var(--mm-accent-rgb), .18);
    box-shadow: 0 0 12px rgba(var(--mm-accent-rgb), .35);
}

.admin-title {
    text-align: center;
    color: var(--mm-accent-soft);
    font-size: 42px;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-shadow: 0 0 16px rgba(var(--mm-accent-rgb), .65);
    margin: 45px 0;
}

.admin-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
    max-width: 1000px;
    margin: 0 auto;
}

.admin-card {
    min-height: 135px;
    background: linear-gradient(145deg, rgba(20, 22, 45, .95), rgba(10, 12, 28, .95));
    border: 1px solid rgba(var(--mm-accent-rgb), .35);
    border-radius: 20px;
    color: var(--mm-pink-pale);
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    box-shadow: 0 0 18px rgba(180, 92, 255, .18);
    transition: .2s;
}

.admin-card:hover {
    transform: translateY(-4px);
    border-color: var(--mm-accent);
    box-shadow: 0 0 24px rgba(var(--mm-accent-rgb), .35);
    color: var(--mm-accent-soft);
}

.admin-page-title {
    color: var(--mm-accent-soft);
    font-size: 34px;
    margin-bottom: 20px;
    text-shadow: 0 0 12px rgba(var(--mm-accent-rgb), .55);
}

.admin-add-btn {
    float: right;
    margin-bottom: 15px;
    background: linear-gradient(135deg, var(--mm-accent), var(--mm-accent-2));
    color: white;
    padding: 11px 18px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: bold;
    box-shadow: 0 0 14px rgba(var(--mm-accent-rgb), .35);
}

.admin-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: linear-gradient(145deg, rgba(15, 18, 38, .96), rgba(8, 9, 20, .96));
    border: 1px solid rgba(var(--mm-accent-rgb), .38);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 0 18px rgba(180, 92, 255, .18);
}

.admin-table th {
    background: rgba(var(--mm-accent-rgb), .16);
    color: var(--mm-accent-soft);
    text-align: left;
    padding: 14px 12px;
    text-shadow: 0 0 8px rgba(var(--mm-accent-rgb), .35);
}

.admin-table td {
    padding: 16px 12px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    color: var(--mm-text);
    vertical-align: middle;
}

.admin-table tr:hover td {
    background: rgba(var(--mm-accent-rgb), .06);
}

.chapter-count {
    background: rgba(var(--mm-accent2-rgb), .18);
    color: var(--mm-lilac-pale);
    border: 1px solid var(--mm-accent-2);
    padding: 5px 10px;
    border-radius: 999px;
    font-weight: bold;
}

.status-badge {
    background: rgba(var(--mm-accent-rgb), .14);
    color: var(--mm-accent-soft);
    border: 1px solid var(--mm-accent);
    padding: 6px 12px;
    border-radius: 999px;
    font-weight: bold;
}

.admin-actions {
    white-space: nowrap;
}

.admin-actions a {
    display: inline-block;
    margin: 3px;
    padding: 8px 12px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: bold;
}

.blue-btn {
    border: 1px solid var(--mm-accent-2);
    color: var(--mm-lilac-pale);
    background: rgba(var(--mm-accent2-rgb), .15);
}

.yellow-btn {
    border: 1px solid var(--mm-accent);
    color: var(--mm-accent-soft);
    background: rgba(var(--mm-accent-rgb), .12);
}

.red-btn {
    border: 1px solid #ff4f7d;
    color: #ff9ab8;
    background: rgba(255, 79, 125, .10);
}

.edit-layout {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 24px;
    align-items: flex-start;
}

.admin-panel {
    background: linear-gradient(145deg, rgba(15, 18, 38, .96), rgba(8, 9, 20, .96));
    border: 1px solid rgba(var(--mm-accent-rgb), .38);
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 0 18px rgba(180, 92, 255, .16);
}

.admin-panel h2 {
    margin-top: 0;
    color: var(--mm-accent-soft);
    text-shadow: 0 0 10px rgba(var(--mm-accent-rgb), .4);
}

.admin-panel label {
    display: block;
    margin-top: 12px;
    margin-bottom: 6px;
    color: #f8d7ff;
    font-weight: bold;
}

.admin-panel input,
.admin-panel select,
.admin-panel textarea {
    width: 100%;
    padding: 11px;
    border-radius: 8px;
    border: 1px solid rgba(var(--mm-accent-rgb), .35);
    background: rgba(5, 6, 16, .85);
    color: var(--mm-text);
}

.admin-save-btn {
    width: 100%;
    padding: 13px;
    border: 1px solid var(--mm-accent);
    border-radius: 999px;
    background: linear-gradient(135deg, var(--mm-accent), var(--mm-accent-2));
    color: white;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
}

.genre-select-box {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.genre-check input {
    display: none;
}

.genre-check span {
    display: inline-block;
    padding: 8px 13px;
    border-radius: 999px;
    border: 1px solid var(--mm-accent-2);
    background: rgba(120, 60, 180, .14);
    color: var(--mm-lilac-soft);
    cursor: pointer;
    font-weight: bold;
}

.genre-check input:checked + span {
    background: linear-gradient(135deg, var(--mm-accent), var(--mm-accent-2));
    color: white;
    border-color: var(--mm-accent-light);
    box-shadow: 0 0 12px rgba(var(--mm-accent-rgb), .4);
}

.edit-cover-preview {
    width: 100%;
    max-height: 260px;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 12px;
    border: 1px solid rgba(var(--mm-accent-rgb), .35);
}

.chapter-admin-row {
    display: grid;
    grid-template-columns: 1fr 230px;
    gap: 15px;
    padding: 15px 0;
    border-top: 1px solid rgba(255,255,255,.08);
    align-items: center;
}

.chapter-admin-row strong {
    color: var(--mm-accent-soft);
}

.chapter-admin-row small {
    color: var(--mm-lilac-muted);
}

.chapter-admin-actions {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.admin-add-btn.small {
    float: none;
    display: inline-block;
    margin-bottom: 10px;
}

@media (max-width: 1000px) {
    .edit-layout {
        grid-template-columns: 1fr;
    }
}

.upload-drop {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 95px;
    border: 2px dashed rgba(var(--mm-accent-rgb), .55);
    border-radius: 14px;
    background: rgba(5, 6, 16, .65);
    color: var(--mm-accent-soft);
    text-align: center;
    cursor: pointer;
}

.upload-drop input {
    display: none;
}

.upload-drop span {
    font-weight: bold;
}

.upload-drop small {
    color: var(--mm-lilac-muted);
    font-weight: normal;
}

.chapter-image-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 14px;
}


.chapter-image-card img {
    width: 100%;
    height: 130px;
    object-fit: contain;
    background: #0d0f1d;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 10px;
    padding: 6px;
    display: block;
}

.chapter-image-info {
    color: var(--mm-accent-soft);
    font-size: 13px;
    margin: 8px 0;
}

.chapter-image-card .red-btn {
    display: block;
    text-align: center;
}

.sortable-grid {
    margin-top: 18px;
}

.chapter-image-card {
    position: relative;
    cursor: grab;
    background: linear-gradient(160deg, #1b1830 0%, #17162a 45%, #11121f 100%);
    border: 1px solid rgba(var(--mm-accent-rgb),.45);
    border-radius: 16px;
    padding: 12px;
    box-shadow:
        0 0 18px rgba(var(--mm-accent-rgb),.18),
        inset 0 0 18px rgba(140,90,255,.08);
    transition: .2s;
}

.chapter-image-card:hover {
    transform: translateY(-3px);
    border-color: #ff9be4;
    box-shadow:
        0 0 25px rgba(var(--mm-accent-rgb),.35),
        inset 0 0 20px rgba(140,90,255,.15);
}

.chapter-image-card.dragging {
    opacity: .45;
    transform: scale(.97);
}

.drag-handle {
    position: absolute;
    top: 8px;
    left: 8px;
    background: rgba(5, 6, 16, .85);
    border: 1px solid var(--mm-accent);
    color: var(--mm-accent-soft);
    border-radius: 6px;
    padding: 3px 7px;
    font-weight: bold;
    z-index: 2;
}

.blue-btn,
.red-btn,
.yellow-btn {
    display: inline-block;
    padding: 9px 14px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: bold;
}

.blue-btn {
    background: linear-gradient(135deg, var(--mm-accent), var(--mm-accent-2));
    color: white;
    border: 1px solid var(--mm-accent-light);
}

.red-btn {
    background: linear-gradient(135deg, var(--mm-hot-accent), var(--mm-accent));
    color: white;
    border: 1px solid var(--mm-accent-light);
}

.yellow-btn {
    background: linear-gradient(135deg, var(--mm-accent), var(--mm-accent-2));
    color: white;
    border: 1px solid var(--mm-accent-light);
}

.upload-page-panel {
    background: linear-gradient(145deg, rgba(15, 18, 38, .96), rgba(8, 9, 20, .96));
    border: 1px solid rgba(var(--mm-accent-rgb), .45);
    border-radius: 18px;
    padding: 28px;
    box-shadow: 0 0 22px rgba(var(--mm-accent-rgb), .18);
}

.upload-help {
    color: var(--mm-lilac-muted);
    font-size: 17px;
    margin-bottom: 24px;
}

.upload-page-panel label {
    display: block;
    margin-top: 16px;
    margin-bottom: 7px;
    color: #ffb7df;
    font-weight: bold;
}

.upload-page-panel input,
.upload-page-panel select {
    width: 100%;
    padding: 13px;
    border-radius: 9px;
    border: 1px solid rgba(var(--mm-accent-rgb), .45);
    background: rgba(5, 6, 16, .9);
    color: var(--mm-text);
}

.upload-page-panel small {
    color: var(--mm-text-muted);
}

.upload-drop.big {
    min-height: 150px;
    border: 2px dashed rgba(var(--mm-accent-rgb), .75);
    background: rgba(5, 6, 16, .65);
}

.upload-drop.big span {
    font-size: 18px;
    color: var(--mm-accent-soft);
}

.upload-note {
    color: var(--mm-lilac-muted);
    margin-top: 16px;
}

.upload-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-top: 22px;
}

.upload-submit {
    width: auto;
    padding: 13px 24px;
}

.clear-btn {
    padding: 12px 20px;
    border-radius: 999px;
    border: 1px solid rgba(var(--mm-accent-rgb), .45);
    background: rgba(255, 255, 255, .05);
    color: var(--mm-lilac-muted);
    font-weight: bold;
    cursor: pointer;
}

.chapter-edit-list {
    margin-top: 18px;
}

.chapter-edit-row {
    position: relative;
    background: linear-gradient(160deg, #1b1830 0%, #17162a 45%, #11121f 100%);
    border: 1px solid rgba(var(--mm-accent-rgb),.45);
    border-radius: 16px;
    padding: 18px;
    margin-bottom: 16px;
    box-shadow: 0 0 18px rgba(var(--mm-accent-rgb),.18);
    cursor: grab;
}

.chapter-edit-row.dragging {
    opacity: .45;
    transform: scale(.98);
}

.chapter-drag {
    position: absolute;
    top: 14px;
    left: 14px;
    border: 1px solid var(--mm-accent);
    color: var(--mm-accent-soft);
    border-radius: 7px;
    padding: 3px 8px;
    background: rgba(5, 6, 16, .85);
    font-weight: bold;
}

.chapter-edit-row h3 {
    margin-left: 42px;
    color: var(--mm-accent-soft);
}

.chapter-two-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.chapter-admin-actions {
    margin-top: 14px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.chapter18 {
    display: inline-block;
    margin-left: 8px;
    padding: 4px 10px;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff63b8, #a855f7);
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    box-shadow: 0 0 10px rgba(255,105,180,.45);
    vertical-align: middle;
}

.adult-checkbox {
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
    color: #ffd6f3;
    font-weight: 600;
}

.adult-checkbox input {
    width: 18px !important;
    height: 18px !important;
    accent-color: #d46cff;
}

.adult-warning {
    max-width: 1080px;
    margin: 20px auto;
    padding: 16px 20px;
    border: 1px solid rgba(255, 99, 184, .55);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(255, 99, 184, .16), rgba(168, 85, 247, .16));
    color: #ffd6f3;
    font-weight: bold;
    box-shadow: 0 0 18px rgba(255, 99, 184, .18);
}

.chapter-row-full {
    grid-template-columns: 1fr 170px;
    gap: 16px;
}

.chapter-subtitle {
    margin-top: 5px;
    color: var(--mm-lilac-muted);
}

.chapter-meta {
    margin-top: 8px;
    color: var(--mm-text-muted);
    font-size: 14px;
}

.chapter-buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.chapter-like-btn {
    padding: 9px 18px;
    border: 1px solid var(--mm-hot-accent);
    border-radius: 8px;
    color: var(--mm-accent-soft);
    text-decoration: none;
    text-align: center;
    background: rgba(255, 79, 143, .10);
    font-weight: bold;
}

.chapter-like-btn.liked {
    background: linear-gradient(135deg, var(--mm-hot-accent), var(--mm-accent));
    color: white;
}

.chapter-row-full {
    grid-template-columns: 1fr 160px;
    gap: 18px;
    padding: 18px;
    margin-bottom: 12px;
    border: 1px solid rgba(var(--mm-accent-rgb), .35);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(18, 18, 38, .92), rgba(8, 9, 20, .95));
    box-shadow: 0 0 16px rgba(180, 92, 255, .12);
}

.chapter-row-full:hover {
    border-color: rgba(var(--mm-accent-rgb), .65);
    box-shadow: 0 0 22px rgba(var(--mm-accent-rgb), .22);
}

.chapter-subtitle {
    margin-top: 6px;
    color: var(--mm-text-soft);
    font-size: 14px;
}

.chapter-meta {
    margin-top: 10px;
    color: var(--mm-text-muted);
    font-size: 14px;
}

.chapter-buttons {
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
}

.chapter-like-btn {
    padding: 10px 16px;
    border: 1px solid var(--mm-accent);
    border-radius: 999px;
    color: var(--mm-accent-soft);
    text-decoration: none;
    text-align: center;
    background: rgba(var(--mm-accent-rgb), .10);
    font-weight: bold;
    box-shadow: 0 0 10px rgba(var(--mm-accent-rgb), .15);
}

.chapter-like-btn.liked,
.chapter-like-btn:hover {
    background: linear-gradient(135deg, var(--mm-accent), var(--mm-accent-2));
    color: white;
    box-shadow: 0 0 16px rgba(var(--mm-accent-rgb), .38);
}

.chapter-buttons .read-btn {
    border-radius: 999px;
    background: rgba(var(--mm-accent2-rgb), .14);
}

.chapter-row-full {
    display: grid;
    grid-template-columns: 1fr 170px;
    gap: 18px;
    align-items: center;

    padding: 18px;
    margin-bottom: 14px;

    border: 1px solid rgba(var(--mm-accent-rgb), .45);
    border-radius: 16px;

    background: linear-gradient(145deg, rgba(18, 18, 38, .95), rgba(8, 9, 20, .98));
    box-shadow: 0 0 16px rgba(180, 92, 255, .12);
}

.chapter-row-full:hover {
    border-color: rgba(var(--mm-accent-rgb), .75);
    box-shadow: 0 0 22px rgba(var(--mm-accent-rgb), .22);
}

.chapter-main-info strong {
    color: var(--mm-pink-pale);
    font-size: 17px;
}

.chapter-uploader {
    margin-top: 8px;
    color: var(--mm-text-soft);
    font-size: 14px;
}

.uploader-avatar {
    display: inline-flex;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
    background: linear-gradient(135deg, var(--mm-accent), var(--mm-accent-2));
    color: white;
    font-size: 11px;
    font-weight: bold;
    box-shadow: 0 0 10px rgba(var(--mm-accent-rgb),.35);
}

.chapter-meta {
    margin-top: 10px;
    color: var(--mm-text-muted);
    font-size: 14px;
}

.chapter-buttons {
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
}

.chapter-like-btn {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 42px;

    border-radius: 999px;
    border: 1px solid rgba(var(--mm-accent-rgb),.45);

    background: rgba(var(--mm-accent-rgb),.08);

    text-decoration: none;
    font-size: 22px;
    color: #ff4b6e;

    transition: .25s;
    box-shadow: 0 0 12px rgba(var(--mm-accent-rgb),.12);
}

.chapter-like-btn:hover {
    transform: translateY(-2px);
    background: rgba(var(--mm-accent-rgb),.18);
    box-shadow: 0 0 18px rgba(var(--mm-accent-rgb),.28);
}

.chapter-like-btn.liked {
    background: linear-gradient(135deg,var(--mm-hot-accent),var(--mm-accent-2));
    color: white;
    border-color: var(--mm-pink-mid2);
    box-shadow: 0 0 22px rgba(var(--mm-accent-rgb),.35);
}

.chapter-buttons .read-btn {
    border-radius: 999px;
    background: rgba(var(--mm-accent2-rgb), .14);
}

.admin-subtitle {
    color: var(--mm-accent-soft);
    margin: 0 0 10px;
    font-size: 18px;
    text-shadow: 0 0 10px rgba(var(--mm-accent-rgb),.35);
}

.staff-admin-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.staff-public-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 28px;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.staff-public-item span {
    display: block;
    color: var(--mm-pink-light);
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 4px;
}

.staff-public-item strong {
    color: var(--mm-text);
    font-size: 15px;
}

.uploader-avatar.user-placeholder {
    background: linear-gradient(135deg, var(--mm-accent), var(--mm-accent-2));
    font-size: 14px;
}

@media (max-width: 700px) {
    .staff-admin-grid,
    .staff-public-box {
        grid-template-columns: 1fr;
    }
}

.latest-card-new {
    background: linear-gradient(145deg, rgba(18, 18, 38, .96), rgba(8, 9, 20, .98));
    border: 1px solid rgba(var(--mm-accent-rgb), .45);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 0 18px rgba(180, 92, 255, .18);
    transition: .25s;
}

.latest-card-new:hover {
    transform: translateY(-4px);
    border-color: rgba(var(--mm-accent-rgb), .8);
    box-shadow: 0 0 26px rgba(var(--mm-accent-rgb), .28);
}

.latest-cover-link {
    position: relative;
    display: block;
    height: 210px;
    overflow: hidden;
    text-decoration: none;
}

.latest-cover-link img,
.latest-cover-link .latest-no-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.latest-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0) 35%,
        rgba(5,6,16,.85) 100%
    );
}

.latest-cover-text {
    position: absolute;
    left: 14px;
    bottom: 12px;
    color: white;
    font-size: 15px;
    text-shadow: 0 0 8px rgba(0,0,0,.9);
}

.latest-status {
    position: absolute;
    top: 10px;
    right: 10px;
    background: linear-gradient(135deg, var(--mm-accent), var(--mm-accent-2));
    color: white;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: bold;
    z-index: 2;
}

.latest-adult {
    position: absolute;
    top: 10px;
    left: 10px;
    background: linear-gradient(135deg, var(--mm-hot-accent), var(--mm-accent));
    color: white;
    padding: 6px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: bold;
    z-index: 2;
}

.latest-card-info {
    padding: 15px;
}

.latest-card-info h3 {
    margin: 0 0 10px;
    color: var(--mm-accent-soft);
    font-size: 19px;
    text-shadow: 0 0 8px rgba(var(--mm-accent-rgb), .35);
}

.latest-meta {
    color: var(--mm-text-soft);
    font-size: 14px;
    margin-bottom: 14px;
    display: flex;
    gap: 14px;
}

.latest-read-btn {
    display: inline-block;
    padding: 9px 18px;
    border-radius: 999px;
    border: 1px solid var(--mm-accent-2);
    background: rgba(var(--mm-accent2-rgb), .14);
    color: var(--mm-lilac-pale);
    text-decoration: none;
    font-weight: bold;
}

.latest-read-btn:hover {
    background: linear-gradient(135deg, var(--mm-accent), var(--mm-accent-2));
    color: white;
}

@media (max-width: 1000px) {
    .latest-cover-link {
        height: 190px;
    }
}

@media (max-width: 600px) {
    .latest-cover-link {
        height: 220px;
    }
}

.latest-buttons {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

.latest-buttons a {
    flex: 1;
    text-align: center;
}

.latest-project-btn {
    display: block;
    padding: 10px;
    border-radius: 999px;
    text-decoration: none;
    color: var(--mm-accent-pale);
    border: 1px solid var(--mm-accent-2);
    background: rgba(var(--mm-accent2-rgb),.15);
    transition: .25s;
    font-weight: 600;
}

.latest-project-btn:hover {
    background: rgba(var(--mm-accent2-rgb),.35);
}

.latest-read-btn {
    display: block;
    padding: 10px;
    border-radius: 999px;
    text-decoration: none;
    color: white;
    font-weight: bold;
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));
    transition: .25s;
}

.latest-read-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 12px rgba(var(--mm-accent-rgb),.5);
}

.project-like-main {
    text-decoration: none;
    text-align: center;
}

.project-like-main.liked {
    background: linear-gradient(135deg, var(--mm-hot-accent), var(--mm-accent-2));
    color: white;
    border-color: var(--mm-pink-mid2);
    box-shadow: 0 0 18px rgba(var(--mm-accent-rgb),.35);
}

/* =========================================================
   EGYSÉGES ÁLLÓ BORÍTÓS KÁRTYÁK
   Kezdőlap friss fejezetek + Projektek oldal
   Ezt a blokkot hagyd a CSS legvégén.
========================================================= */

/* KEZDŐLAP - FRISS FEJEZETEK */

.latest-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.latest-card-new {
    background: linear-gradient(145deg, rgba(18, 18, 38, .96), rgba(8, 9, 20, .98));
    border: 1px solid rgba(var(--mm-accent-rgb), .45);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 0 18px rgba(180, 92, 255, .18);
    transition: .25s;
    min-height: 100%;
}

.latest-card-new:hover {
    transform: translateY(-4px);
    border-color: rgba(var(--mm-accent-rgb), .85);
    box-shadow: 0 0 26px rgba(var(--mm-accent-rgb), .30);
}

.latest-cover-link {
    position: relative;
    display: block;
    width: 100%;
    height: 300px !important;
    overflow: hidden;
    text-decoration: none;
    background: var(--mm-surface);
}

.latest-cover-link img,
.latest-cover-link .latest-no-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 0;
}

.latest-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0) 42%,
        rgba(5,6,16,.90) 100%
    );
}

.latest-cover-text {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 14px;
    color: white;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 0 8px rgba(0,0,0,.95);
    z-index: 2;
}

.latest-status {
    position: absolute;
    top: 10px;
    right: 10px;
    background: linear-gradient(135deg, var(--mm-accent), var(--mm-accent-2));
    color: white;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: bold;
    z-index: 3;
    box-shadow: 0 0 10px rgba(var(--mm-accent-rgb),.35);
}

.latest-adult {
    position: absolute;
    top: 10px;
    left: 10px;
    background: linear-gradient(135deg, var(--mm-hot-accent), var(--mm-accent));
    color: white;
    padding: 6px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: bold;
    z-index: 3;
    box-shadow: 0 0 10px rgba(255,79,143,.35);
}

.latest-card-info {
    padding: 15px;
    background: linear-gradient(180deg, rgba(8,9,20,.98), rgba(7,8,18,.98));
}

.latest-card-info h3 {
    min-height: 46px;
    margin: 0 0 10px;
    color: var(--mm-accent-soft);
    font-size: 18px;
    line-height: 1.25;
    text-shadow: 0 0 8px rgba(var(--mm-accent-rgb), .35);
}

.latest-meta {
    color: var(--mm-text-soft);
    font-size: 14px;
    margin-bottom: 14px;
    display: flex;
    gap: 14px;
}

.latest-buttons {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

.latest-buttons a {
    flex: 1;
    text-align: center;
}

.latest-project-btn {
    display: block;
    padding: 10px;
    border-radius: 999px;
    text-decoration: none;
    color: var(--mm-accent-pale);
    border: 1px solid var(--mm-accent-2);
    background: rgba(var(--mm-accent2-rgb),.15);
    transition: .25s;
    font-weight: 600;
}

.latest-project-btn:hover {
    background: rgba(var(--mm-accent2-rgb),.35);
    box-shadow: 0 0 12px rgba(var(--mm-accent2-rgb),.25);
}

.latest-read-btn {
    display: block;
    padding: 10px;
    border-radius: 999px;
    text-decoration: none;
    color: white;
    font-weight: bold;
    border: 1px solid rgba(var(--mm-accent-rgb),.65);
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));
    transition: .25s;
}

.latest-read-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 12px rgba(var(--mm-accent-rgb),.5);
}

/* PROJEKTEK OLDAL - UGYANOLYAN ÁLLÓ BORÍTÓS KÁRTYÁK */

.projects-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.project-card {
    background: linear-gradient(145deg, rgba(18, 18, 38, .96), rgba(8, 9, 20, .98));
    border: 1px solid rgba(var(--mm-accent-rgb), .45);
    border-radius: 18px;
    overflow: hidden;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 18px rgba(180, 92, 255, .18);
    transition: .25s;
}

.project-card:hover {
    transform: translateY(-4px);
    border-color: rgba(var(--mm-accent-rgb), .85);
    box-shadow: 0 0 26px rgba(var(--mm-accent-rgb), .30);
}

.project-cover,
.project-card .no-cover {
    width: 100%;
    height: 300px !important;
    object-fit: cover;
    display: block;
    border-radius: 0;
}

.project-card .no-cover {
    background: var(--mm-surface);
    color: #d8b8ff;
    align-items: center;
    justify-content: center;
}

.project-card-body {
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex: 1;
    background: linear-gradient(180deg, rgba(8,9,20,.98), rgba(7,8,18,.98));
}

.project-card-body h3 {
    min-height: 46px;
    margin: 0 0 10px;
    color: var(--mm-accent-soft);
    font-size: 18px;
    line-height: 1.25;
    text-shadow: 0 0 8px rgba(var(--mm-accent-rgb), .35);
}

.project-card-body p {
    margin: 6px 0;
    color: #f0d7ff;
}

.project-desc {
    color: var(--mm-lilac-muted) !important;
    line-height: 1.45;
    font-size: 14px;
}

.project-card-actions {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.status-pill {
    background: linear-gradient(135deg, var(--mm-accent), var(--mm-accent-2));
    color: white;
    border: 1px solid rgba(var(--mm-accent-rgb),.65);
    padding: 7px 10px;
    border-radius: 999px;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    box-shadow: 0 0 10px rgba(var(--mm-accent-rgb),.25);
}

.project-card-actions a {
    color: var(--mm-lilac-pale);
    border: 1px solid var(--mm-accent-2);
    padding: 8px 12px;
    border-radius: 999px;
    text-decoration: none;
    background: rgba(var(--mm-accent2-rgb), .15);
    font-weight: 600;
}

.project-card-actions a:hover {
    background: rgba(var(--mm-accent-rgb), .18);
    box-shadow: 0 0 12px rgba(var(--mm-accent-rgb), .35);
}

/* RESZPONZÍV KÁRTYÁK */

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

    .latest-cover-link,
    .project-cover,
    .project-card .no-cover {
        height: 285px !important;
    }
}

@media (max-width: 800px) {
    .latest-grid,
    .projects-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .latest-cover-link,
    .project-cover,
    .project-card .no-cover {
        height: 300px !important;
    }
}

@media (max-width: 520px) {
    .latest-grid,
    .projects-grid {
        grid-template-columns: 1fr;
    }

    .latest-cover-link,
    .project-cover,
    .project-card .no-cover {
        height: 360px !important;
    }
}

/* PROJEKTEK OLDAL - KÖZÉPRE IGAZÍTOTT, SAJÁT DIZÁJNOS KÁRTYÁK */

.projects-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.project-card {
    background: linear-gradient(145deg, rgba(18, 18, 38, .96), rgba(8, 9, 20, .98));
    border: 1px solid rgba(var(--mm-accent-rgb), .45);
    border-radius: 18px;
    overflow: hidden;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 18px rgba(180, 92, 255, .18);
    transition: .25s;
}

.project-card:hover {
    transform: translateY(-4px);
    border-color: rgba(var(--mm-accent-rgb), .85);
    box-shadow: 0 0 26px rgba(var(--mm-accent-rgb), .30);
}

.project-cover-wrap {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
    background: var(--mm-surface);
}

.project-cover,
.project-card .no-cover {
    width: 100%;
    height: 300px !important;
    object-fit: cover;
    display: block;
    border-radius: 0;
}

.project-status-top {
    position: absolute;
    top: 10px;
    right: 10px;
    background: linear-gradient(135deg, var(--mm-accent), var(--mm-accent-2));
    color: white;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: bold;
    z-index: 3;
    box-shadow: 0 0 10px rgba(var(--mm-accent-rgb),.35);
}

.project-adult-top {
    position: absolute;
    top: 10px;
    left: 10px;
    background: linear-gradient(135deg, var(--mm-hot-accent), var(--mm-accent));
    color: white;
    padding: 6px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: bold;
    z-index: 3;
}

.project-card-body {
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex: 1;
    background: linear-gradient(180deg, rgba(8,9,20,.98), rgba(7,8,18,.98));
    text-align: center;
}

.project-card-body h3 {
    min-height: 46px;
    margin: 0 0 10px;
    color: var(--mm-accent-soft);
    font-size: 18px;
    line-height: 1.25;
    text-align: center;
    text-shadow: 0 0 8px rgba(var(--mm-accent-rgb), .35);
}

.project-type {
    color: var(--mm-pink-light) !important;
    font-size: 14px;
    margin: 4px 0 8px !important;
}

.project-desc {
    color: var(--mm-lilac-muted) !important;
    line-height: 1.45;
    font-size: 14px;
    text-align: center;
}

.project-stats-row {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: auto 0 14px;
    flex-wrap: wrap;
}

.project-stats-row a,
.project-stats-row span {
    min-width: 58px;
    padding: 7px 10px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid rgba(var(--mm-accent-rgb),.45);
    background: rgba(var(--mm-accent-rgb),.08);
    color: var(--mm-accent-pale);
}

.project-stat-like.liked {
    background: linear-gradient(135deg,var(--mm-hot-accent),var(--mm-accent-2));
    color: white;
    border-color: var(--mm-pink-mid2);
    box-shadow: 0 0 14px rgba(var(--mm-accent-rgb),.35);
}

.project-stat-completed.completed {
    background: linear-gradient(135deg,#7c4dff,var(--mm-accent-2));
    color: white;
    border-color: #c99cff;
    box-shadow: 0 0 14px rgba(var(--mm-accent2-rgb),.35);
}

.project-card-actions {
    margin-top: 0;
}

.project-open-btn {
    display: block;
    width: 100%;
    padding: 10px;
    border-radius: 999px;
    text-decoration: none;
    color: white !important;
    font-weight: bold;
    border: 1px solid rgba(var(--mm-accent-rgb),.65);
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2)) !important;
    transition: .25s;
}

.project-open-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 12px rgba(var(--mm-accent-rgb),.5);
}

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

    .project-cover-wrap,
    .project-cover,
    .project-card .no-cover {
        height: 285px !important;
    }
}

@media (max-width: 800px) {
    .projects-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .project-cover-wrap,
    .project-cover,
    .project-card .no-cover {
        height: 300px !important;
    }
}

@media (max-width: 520px) {
    .projects-grid {
        grid-template-columns: 1fr;
    }

    .project-cover-wrap,
    .project-cover,
    .project-card .no-cover {
        height: 360px !important;
    }
}

/* =========================================================
   TISZTA PROJEKTEK OLDAL - MANHWA MŰHELY DIZÁJN
   A régi project-card / projects-grid blokkokat érdemes törölni,
   vagy ezt hagyd a style.css legvégén.
========================================================= */

.projects-title {
    color: var(--mm-accent-soft);
    font-size: 36px;
    text-align: center;
    text-shadow: 0 0 14px rgba(var(--mm-accent-rgb), .55);
    margin: 35px 0 20px;
}

.projects-search {
    display: flex;
    justify-content: center;
    margin: 24px 0;
}

.projects-search input {
    width: min(460px, 100%);
    padding: 14px 22px;
    border-radius: 999px;
    border: 2px solid var(--mm-accent-2);
    background: rgba(8, 9, 20, .88);
    color: var(--mm-text);
    outline: none;
    box-shadow: 0 0 16px rgba(var(--mm-accent2-rgb), .15);
}

.projects-search input:focus {
    border-color: var(--mm-accent);
    box-shadow: 0 0 20px rgba(var(--mm-accent-rgb), .28);
}

.project-tabs {
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 35px;
}

.project-tabs a {
    padding: 10px 20px;
    border-radius: 999px;
    border: 2px solid var(--mm-accent-2);
    color: var(--mm-lilac-soft);
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    background: rgba(120, 60, 180, .10);
    transition: .22s;
}

.project-tabs a.active,
.project-tabs a:hover {
    background: linear-gradient(135deg, var(--mm-accent), var(--mm-accent-2));
    color: #fff;
    border-color: var(--mm-accent-light);
    box-shadow: 0 0 14px rgba(var(--mm-accent-rgb), .45);
}

.projects-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 22px !important;
    align-items: stretch;
}

.project-card {
    background: linear-gradient(145deg, rgba(18, 18, 38, .96), rgba(8, 9, 20, .98)) !important;
    border: 1px solid rgba(var(--mm-accent-rgb), .45) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    min-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: 0 0 18px rgba(180, 92, 255, .18) !important;
    transition: .25s !important;
}

.project-card:hover {
    transform: translateY(-4px);
    border-color: rgba(var(--mm-accent-rgb), .85) !important;
    box-shadow: 0 0 26px rgba(var(--mm-accent-rgb), .30) !important;
}

.project-cover-link {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 300px !important;
    overflow: hidden !important;
    background: var(--mm-surface) !important;
    text-decoration: none !important;
}

.project-cover,
.project-card .no-cover {
    width: 100% !important;
    height: 300px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.project-card .no-cover {
    background: var(--mm-surface) !important;
    color: #d8b8ff !important;
    align-items: center !important;
    justify-content: center !important;
}

.project-cover-fade {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0) 50%,
        rgba(5,6,16,.32) 100%
    );
    pointer-events: none;
}

.project-like-top {
    position: absolute;
    top: 10px;
    left: 10px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(8, 9, 20, .78);
    color: white;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid rgba(var(--mm-accent-rgb),.45);
    box-shadow: 0 0 10px rgba(var(--mm-accent-rgb),.25);
    z-index: 3;
}

.project-status-top {
    position: absolute;
    top: 10px;
    right: 10px;
    color: white;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: bold;
    z-index: 3;
    box-shadow: 0 0 10px rgba(var(--mm-accent-rgb),.35);
}

/* Státusz színek */
.status-folyamatban {
    background: linear-gradient(135deg, #43d86a, #2e9f4e) !important;
}

.status-befejezett {
    background: linear-gradient(135deg, #b46cff, #8f4eff) !important;
}

.status-tervezett {
    background: linear-gradient(135deg, #53b5ff, #2f88ff) !important;
}

.status-szunetel {
    background: linear-gradient(135deg, #ff6a6a, #d9364d) !important;
}

.project-card-body {
    padding: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    background: linear-gradient(180deg, rgba(8,9,20,.98), rgba(7,8,18,.98)) !important;
    text-align: center !important;
}

.project-card-body h3 {
    min-height: 46px !important;
    margin: 0 0 10px !important;
    color: var(--mm-accent-soft) !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    text-align: center !important;
    text-shadow: 0 0 8px rgba(var(--mm-accent-rgb), .35) !important;
}

.project-card-genres {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
    margin: 6px 0 12px;
}

.project-card-genres span {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid var(--mm-accent-2);
    background: rgba(120, 60, 180, .18);
    color: var(--mm-lilac-soft);
    font-size: 12px;
    font-weight: bold;
}

.project-desc {
    color: var(--mm-lilac-muted) !important;
    line-height: 1.45 !important;
    font-size: 14px !important;
    text-align: center !important;
    margin: 8px 0 16px !important;
}

.project-open-btn {
    display: block !important;
    width: 100% !important;
    margin-top: auto !important;
    padding: 10px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    color: white !important;
    font-weight: bold !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.65) !important;
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2)) !important;
    transition: .25s !important;
    text-align: center !important;
}

.project-open-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 12px rgba(var(--mm-accent-rgb),.5);
}

.empty-state {
    text-align: center;
    padding: 35px;
    border: 1px solid rgba(var(--mm-accent-rgb), .35);
    border-radius: 18px;
    background: rgba(8, 9, 20, .75);
    color: var(--mm-accent-soft);
    font-weight: bold;
}

.pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 32px 0 10px;
}

.pagination a {
    padding: 8px 13px;
    border-radius: 999px;
    border: 1px solid var(--mm-accent-2);
    color: var(--mm-lilac-pale);
    text-decoration: none;
    background: rgba(var(--mm-accent2-rgb), .15);
}

.pagination a.active,
.pagination a:hover {
    background: linear-gradient(135deg, var(--mm-accent), var(--mm-accent-2));
    color: white;
}

/* Reszponzív */
@media (max-width: 1100px) {
    .projects-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .project-cover-link,
    .project-cover,
    .project-card .no-cover {
        height: 285px !important;
    }
}

@media (max-width: 800px) {
    .projects-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .project-cover-link,
    .project-cover,
    .project-card .no-cover {
        height: 300px !important;
    }
}

@media (max-width: 520px) {
    .projects-grid {
        grid-template-columns: 1fr !important;
    }

    .project-cover-link,
    .project-cover,
    .project-card .no-cover {
        height: 360px !important;
    }
}

/* KEZDŐLAP FRISS FEJEZET KÁRTYA JAVÍTÁS */

.latest-card-info {
    text-align: center;
}

.latest-card-info h3 {
    text-align: center;
    margin: 0 0 18px;
}

.latest-chapter-title {
    text-align: center;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mm-pink-pale);
    font-weight: bold;
    line-height: 1.35;
    margin: 0 0 10px;
}

.latest-meta {
    justify-content: center;
    text-align: center;
    margin-bottom: 16px;
}

.latest-buttons {
    justify-content: center;
}

.latest-buttons a {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* KEZDŐLAP - FEJEZETCÍM VISSZA A BORÍTÓRA */

.latest-cover-text {
    display: block !important;
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 14px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 0 8px rgba(0,0,0,.95);
    z-index: 3;
}

.latest-chapter-title {
    display: none !important;
}

.latest-card-info h3 {
    text-align: center;
    margin: 0 0 12px;
}

.latest-meta {
    justify-content: center;
    text-align: center;
}

/* FEJLÉC VIRÁG JAVÍTÁS - EZ MARADJON A CSS LEGALJÁN */

.site-header {
    position: relative !important;
    overflow: visible !important;
}

.header-flower {
    position: absolute !important;
    top: -10px !important;
    right: 18px !important;

    height: 165px !important;
    width: auto !important;

    opacity: .9 !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.petal-toggle {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 9999;
    padding: 10px 15px;
    border-radius: 999px;
    border: 1px solid var(--mm-accent);
    background: rgba(8, 9, 20, .85);
    color: var(--mm-accent-soft);
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 0 14px rgba(var(--mm-accent-rgb),.35);
}

.petal-container {
    position: fixed;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 9998;
}

.petal {
    position: absolute;
    top: -40px;
    color: var(--mm-accent-soft);
    opacity: .75;
    animation: petalFall linear forwards;
}

@keyframes petalFall {
    0% {
        transform: translateY(-40px) rotate(0deg);
    }

    100% {
        transform: translateY(110vh) rotate(360deg);
    }
}

/* PROJEKTKÁRTYA VÉGLEGESÍTÉS - ezt a style.css legaljára tedd */

.project-card-final {
    position: relative;
    min-height: 100%;
}

.project-cover-wrap {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
    background: var(--mm-surface);
}

.project-cover-link-inner {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.project-cover-wrap .project-cover,
.project-cover-wrap .no-cover {
    width: 100%;
    height: 300px !important;
    object-fit: cover;
    display: block;
    border-radius: 0;
    box-shadow: none;
}

.project-cover-shadow {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0) 50%,
        rgba(5,6,16,.45) 100%
    );
    pointer-events: none;
}

.project-like-corner {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 4;

    display: inline-flex;
    align-items: center;
    gap: 5px;

    padding: 6px 10px;
    border-radius: 999px;

    background: rgba(8, 9, 20, .78);
    border: 1px solid rgba(var(--mm-accent-rgb),.45);
    color: #fff;

    font-size: 13px;
    font-weight: bold;

    box-shadow: 0 0 12px rgba(var(--mm-accent-rgb),.25);
}

.project-status-corner {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 4;

    padding: 6px 11px;
    border-radius: 999px;

    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: lowercase;

    box-shadow: 0 0 12px rgba(var(--mm-accent-rgb),.28);
}

.status-folyamatban {
    background: linear-gradient(135deg, #43d86a, #2e9f4e) !important;
}

.status-befejezett {
    background: linear-gradient(135deg, #b46cff, #8f4eff) !important;
}

.status-tervezett {
    background: linear-gradient(135deg, #53b5ff, #2f88ff) !important;
}

.status-szunetel {
    background: linear-gradient(135deg, #ff6a6a, #d9364d) !important;
}

.project-completed-corner {
    position: absolute;
    right: 12px;
    bottom: 12px;
    z-index: 4;

    width: 34px;
    height: 34px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    background: linear-gradient(135deg, var(--mm-accent), var(--mm-accent-2));
    color: #fff;
    font-weight: bold;
    font-size: 18px;

    border: 1px solid rgba(255,255,255,.35);
    box-shadow: 0 0 16px rgba(var(--mm-accent-rgb),.45);
}

.project-card-final .project-card-body {
    text-align: center;
}

.project-card-final .project-card-body h3 {
    text-align: center;
    margin: 0 0 10px;
    color: var(--mm-accent-soft);
    text-shadow: 0 0 8px rgba(var(--mm-accent-rgb),.4);
}

.project-card-genres {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
    margin: 8px 0 12px;
}

.project-card-genres span {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 999px;

    border: 1px solid var(--mm-accent-2);
    background: rgba(120, 60, 180, .18);

    color: var(--mm-lilac-soft);
    font-size: 12px;
    font-weight: bold;
}

.project-card-final .project-desc {
    text-align: center;
    color: var(--mm-lilac-muted) !important;
    line-height: 1.45;

    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;

    overflow: hidden;
}

.project-card-final .project-open-btn {
    display: block;
    width: 100%;
    margin-top: auto;

    padding: 10px;
    border-radius: 999px;

    text-decoration: none;
    text-align: center;
    color: #fff !important;
    font-weight: bold;

    border: 1px solid rgba(var(--mm-accent-rgb),.65);
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2)) !important;
}

.project-card-final .project-open-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 14px rgba(var(--mm-accent-rgb),.45);
}

@media (max-width: 1100px) {
    .project-cover-wrap,
    .project-cover-wrap .project-cover,
    .project-cover-wrap .no-cover {
        height: 285px !important;
    }
}

@media (max-width: 800px) {
    .project-cover-wrap,
    .project-cover-wrap .project-cover,
    .project-cover-wrap .no-cover {
        height: 300px !important;
    }
}

@media (max-width: 600px) {
    .project-cover-wrap,
    .project-cover-wrap .project-cover,
    .project-cover-wrap .no-cover {
        height: 360px !important;
    }
}

/* PROJECT.PHP ADATLAP BIZTOSÍTÓ CSS - tedd a style.css legvégére */

.project-like-main {
    text-decoration: none;
    text-align: center;
}

.project-like-main.liked {
    background: linear-gradient(135deg, var(--mm-hot-accent), var(--mm-accent-2));
    color: white;
    border-color: var(--mm-pink-mid2);
    box-shadow: 0 0 18px rgba(var(--mm-accent-rgb),.35);
}

.chapter-row-full {
    display: grid;
    grid-template-columns: 1fr 170px;
    gap: 18px;
    align-items: center;
    padding: 18px;
    margin-bottom: 14px;
    border: 1px solid rgba(var(--mm-accent-rgb), .45);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(18, 18, 38, .95), rgba(8, 9, 20, .98));
    box-shadow: 0 0 16px rgba(180, 92, 255, .12);
}

.chapter-row-full:hover {
    border-color: rgba(var(--mm-accent-rgb), .75);
    box-shadow: 0 0 22px rgba(var(--mm-accent-rgb), .22);
}

.chapter-main-info strong {
    color: var(--mm-pink-pale);
    font-size: 17px;
}

.chapter-uploader {
    margin-top: 8px;
    color: var(--mm-text-soft);
    font-size: 14px;
}

.uploader-avatar {
    display: inline-flex;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
    background: linear-gradient(135deg, var(--mm-accent), var(--mm-accent-2));
    color: white;
    font-size: 12px;
    font-weight: bold;
    box-shadow: 0 0 10px rgba(var(--mm-accent-rgb),.35);
}

.chapter-meta {
    margin-top: 10px;
    color: var(--mm-text-muted);
    font-size: 14px;
}

.chapter-buttons {
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
}

.chapter-like-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 42px;
    border-radius: 999px;
    border: 1px solid rgba(var(--mm-accent-rgb),.45);
    background: rgba(var(--mm-accent-rgb),.08);
    text-decoration: none;
    font-size: 22px;
    color: #ff4b6e;
    box-shadow: 0 0 12px rgba(var(--mm-accent-rgb),.12);
}

.chapter-like-btn:hover,
.chapter-like-btn.liked {
    background: linear-gradient(135deg,var(--mm-hot-accent),var(--mm-accent-2));
    color: white;
    border-color: var(--mm-pink-mid2);
    box-shadow: 0 0 22px rgba(var(--mm-accent-rgb),.35);
}

.staff-public-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 28px;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.staff-public-item span {
    display: block;
    color: var(--mm-pink-light);
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 4px;
}

.staff-public-item strong {
    color: var(--mm-text);
    font-size: 15px;
}

@media (max-width: 800px) {
    .chapter-row-full {
        grid-template-columns: 1fr;
    }

    .chapter-buttons {
        flex-direction: row;
    }

    .staff-public-box {
        grid-template-columns: 1fr;
    }
}

/* EGYSÉGES KÁRTYAMAGASSÁG - KEZDŐLAP + PROJEKTEK */

.latest-cover-link,
.project-cover-wrap,
.project-cover-link-inner {
    height: 300px !important;
}

.project-cover-wrap .project-cover,
.project-cover-wrap .no-cover {
    height: 300px !important;
}

.project-card-final .project-card-body {
    padding: 12px 14px !important;
}

.project-card-final .project-card-body h3 {
    min-height: 34px !important;
    margin: 0 0 7px !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
}

.project-card-genres {
    max-height: 62px;
    overflow: hidden;
    margin: 5px 0 8px !important;
    gap: 5px !important;
}

.project-card-genres span {
    padding: 5px 9px !important;
    font-size: 11px !important;
}

.project-card-final .project-desc {
    margin: 6px 0 10px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    -webkit-line-clamp: 3 !important;
}

.project-card-final .project-open-btn {
    padding: 9px !important;
}

.latest-card-info {
    padding: 12px 14px !important;
}

.latest-card-info h3 {
    margin-bottom: 8px !important;
}

.latest-meta {
    margin-bottom: 12px !important;
}

.latest-buttons {
    margin-top: 10px !important;
}

/* OLVASOTT FEJEZET PIPA */

.chapter-read-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-left: 8px;
    width: 22px;
    height: 22px;

    border-radius: 50%;
    background: linear-gradient(135deg, var(--mm-accent), var(--mm-accent-2));
    color: white;

    font-size: 13px;
    font-weight: bold;

    box-shadow: 0 0 12px rgba(var(--mm-accent-rgb),.45);
    vertical-align: middle;
}

.chapter-is-read {
    border-color: rgba(var(--mm-accent-rgb), .7);
}

.chapter-is-read .chapter-main-info strong {
    color: #ffd8f2;
}

.admin-modal-bg {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(5, 6, 16, .78);
    backdrop-filter: blur(6px);
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.admin-modal-bg.show {
    display: flex;
}

.admin-modal {
    position: relative;
    width: min(520px, 100%);
    background: linear-gradient(145deg, rgba(18, 18, 38, .98), rgba(8, 9, 20, .98));
    border: 1px solid rgba(var(--mm-accent-rgb), .55);
    border-radius: 18px;
    padding: 28px;
    box-shadow: 0 0 35px rgba(var(--mm-accent-rgb), .28);
}

.admin-modal h2 {
    margin-top: 0;
    color: var(--mm-accent-soft);
    text-shadow: 0 0 12px rgba(var(--mm-accent-rgb), .45);
}

.admin-modal-close {
    position: absolute;
    top: 14px;
    right: 16px;
    border: none;
    background: none;
    color: var(--mm-accent-soft);
    font-size: 32px;
    cursor: pointer;
}

.admin-modal label {
    display: block;
    margin-top: 16px;
    margin-bottom: 7px;
    color: #ffd6f3;
    font-weight: bold;
}

.admin-modal input,
.admin-modal textarea,
.admin-modal select {
    width: 100%;
    padding: 12px;
    border-radius: 9px;
    border: 1px solid rgba(var(--mm-accent-rgb), .4);
    background: rgba(5, 6, 16, .9);
    color: var(--mm-text);
}

.admin-modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 26px;
}

.gray-btn,
.green-btn {
    padding: 11px 18px;
    border-radius: 999px;
    border: none;
    font-weight: bold;
    cursor: pointer;
}

.gray-btn {
    background: rgba(255,255,255,.12);
    color: var(--mm-text);
}

.green-btn {
    background: linear-gradient(135deg, #43d86a, #2e9f4e);
    color: white;
}

.admin-success {
    padding: 12px 16px;
    border-radius: 12px;
    background: rgba(67, 216, 106, .12);
    border: 1px solid rgba(67, 216, 106, .45);
    color: #a8ffbf;
    font-weight: bold;
}

.admin-error {
    padding: 12px 16px;
    border-radius: 12px;
    background: rgba(255, 79, 143, .12);
    border: 1px solid rgba(255, 79, 143, .45);
    color: var(--mm-pink-soft);
    font-weight: bold;
}

/* ÚJ PROJEKT MODAL GOMBOK - MANHWA MŰHELY DIZÁJN */

.admin-modal-actions .gray-btn {
    background: rgba(var(--mm-accent2-rgb), .14) !important;
    color: var(--mm-accent-pale) !important;
    border: 1px solid var(--mm-accent-2) !important;
    box-shadow: 0 0 12px rgba(var(--mm-accent2-rgb),.18);
}

.admin-modal-actions .gray-btn:hover {
    background: rgba(var(--mm-accent2-rgb), .28) !important;
    box-shadow: 0 0 16px rgba(var(--mm-accent2-rgb),.35);
}

.admin-modal-actions .green-btn {
    background: linear-gradient(135deg, var(--mm-accent), var(--mm-accent-2)) !important;
    color: white !important;
    border: 1px solid var(--mm-accent-light) !important;
    box-shadow: 0 0 16px rgba(var(--mm-accent-rgb),.35);
}

.admin-modal-actions .green-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 22px rgba(var(--mm-accent-rgb),.55);
}

/* OLVASÓOLDAL ÚJ FELSŐ/ALSÓ RÉSZ + KOMMENTEK */

.reader-top-panel {
    display: grid;
    grid-template-columns: 1fr 430px;
    gap: 24px;
    align-items: start;
    margin-bottom: 24px;
}

.reader-title-side h1 {
    margin: 0 0 8px;
    color: var(--mm-accent-soft);
    text-shadow: 0 0 12px rgba(var(--mm-accent-rgb),.45);
}

.reader-title-side p {
    margin: 0;
    color: var(--mm-text-soft);
    font-weight: bold;
}

.reader-control-side {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.reader-chapter-select {
    width: 100%;
    padding: 12px 14px;
    border-radius: 9px;
    border: 1px solid rgba(var(--mm-accent-rgb),.45);
    background: rgba(8, 9, 20, .9);
    color: var(--mm-text);
}

.reader-top-buttons {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.reader-like-top,
.reader-read-done,
.reader-back-top,
.reader-next-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 16px;
    border-radius: 9px;

    text-decoration: none;
    font-weight: bold;
}

.reader-like-top {
    border: 1px solid var(--mm-hot-accent);
    color: #ff9abd;
    background: rgba(255, 79, 143, .10);
}

.reader-like-top.liked {
    background: linear-gradient(135deg,var(--mm-hot-accent),var(--mm-accent-2));
    color: white;
    border-color: var(--mm-accent-light);
}

.reader-read-done {
    background: linear-gradient(135deg, #43d86a, #2e9f4e);
    color: white;
}

.reader-back-top {
    border: 1px solid rgba(255,255,255,.18);
    color: var(--mm-lilac-muted);
    background: rgba(255,255,255,.04);
}

.reader-next-btn {
    border: 1px solid #4fa8ff;
    color: #9fd0ff;
    background: rgba(79, 168, 255, .08);
}

.reader-bottom-nav {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 16px;
    align-items: start;
    margin: 30px 0;
    padding-top: 22px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.reader-bottom-nav > div:last-child {
    text-align: right;
}

.comments-panel {
    margin-top: 28px;
    padding: 20px;
    border-radius: 16px;
    border: 1px solid rgba(var(--mm-accent-rgb),.35);
    background: linear-gradient(145deg, rgba(15, 18, 38, .95), rgba(8, 9, 20, .95));
    box-shadow: 0 0 18px rgba(var(--mm-accent-rgb),.16);
}

.comments-panel h2 {
    margin-top: 0;
    color: var(--mm-accent-soft);
}

.comment-item {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 10px;
    padding: 14px;
    margin-bottom: 14px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 10px;
    background: rgba(255,255,255,.03);
}

.comment-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--mm-bg-deep);
    border: 1px solid rgba(var(--mm-accent-rgb),.45);
    display: flex;
    align-items: center;
    justify-content: center;
}

.comment-content strong {
    color: var(--mm-pink-pale);
}

.comment-content small {
    display: block;
    color: #bfaee6;
    margin-top: 2px;
}

.comment-content p {
    color: #f4eaff;
    margin: 8px 0;
    line-height: 1.45;
}

.comment-sticker img {
    max-width: 130px;
    max-height: 130px;
    object-fit: contain;
    margin-top: 8px;
}

.comment-actions {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.comment-actions button {
    padding: 6px 10px;
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.04);
    color: var(--mm-lilac-muted);
    cursor: pointer;
}

.comment-actions .danger {
    border-color: var(--mm-hot-accent);
    color: #ff9abd;
}

.comment-actions .warn {
    border-color: #ffd23f;
    color: #ffe38a;
}

.comment-form {
    margin-top: 18px;
}

.comment-text-wrap {
    position: relative;
}

.comment-text-wrap textarea {
    width: 100%;
    padding: 14px 44px 14px 14px;
    border-radius: 9px;
    border: 1px solid rgba(var(--mm-accent-rgb),.35);
    background: rgba(5, 6, 16, .75);
    color: var(--mm-text);
    resize: vertical;
}

.emoji-toggle {
    position: absolute;
    top: 10px;
    right: 10px;
    border: none;
    background: transparent;
    color: var(--mm-accent-soft);
    font-size: 22px;
    cursor: pointer;
}

.emoji-box,
.sticker-box {
    display: none;
    margin-top: 10px;
    padding: 12px;
    border: 1px solid rgba(var(--mm-accent-rgb),.35);
    border-radius: 10px;
    background: rgba(5, 6, 16, .75);
}

.emoji-box.show,
.sticker-box.show {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.emoji-box button {
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid rgba(var(--mm-accent-rgb),.35);
    background: rgba(255,255,255,.04);
    cursor: pointer;
    font-size: 18px;
}

.sticker-picker {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    margin-top: 8px;
    padding: 12px;
    border: 1px solid rgba(var(--mm-accent-rgb),.25);
    border-radius: 9px;
    background: rgba(255,255,255,.03);
}

.sticker-picker strong {
    color: var(--mm-accent-soft);
}

.sticker-picker p {
    margin: 6px 0 0;
    color: var(--mm-lilac-muted);
}

.sticker-picker button,
.comment-submit-row button {
    padding: 10px 16px;
    border-radius: 9px;
    border: 1px solid var(--mm-accent-2);
    background: rgba(var(--mm-accent2-rgb),.14);
    color: var(--mm-lilac-pale);
    cursor: pointer;
    font-weight: bold;
}

.sticker-box button {
    width: 110px;
    padding: 8px;
    border-radius: 10px;
    border: 1px solid rgba(var(--mm-accent-rgb),.35);
    background: rgba(255,255,255,.04);
    color: var(--mm-text);
    cursor: pointer;
}

.sticker-box img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    display: block;
    margin: 0 auto 5px;
}

.comment-submit-row {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
}

.comment-submit-row button {
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));
    color: white;
    border-color: var(--mm-accent-light);
}

@media (max-width: 900px) {
    .reader-top-panel,
    .reader-bottom-nav {
        grid-template-columns: 1fr;
    }

    .reader-bottom-nav > div:last-child {
        text-align: left;
    }
}

/* OLVASÓOLDAL VÉGLEGESÍTÉS + REAKCIÓK */

.reader-new-top {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 22px;
    align-items: center;
    padding: 22px 26px;
    margin-bottom: 0;

    border: 1px solid rgba(var(--mm-accent-rgb),.42);
    border-bottom: none;
    border-radius: 18px 18px 0 0;

    background: linear-gradient(145deg, rgba(15, 18, 38, .96), rgba(8, 9, 20, .96));
    box-shadow: 0 0 20px rgba(var(--mm-accent-rgb),.16);
}

.reader-new-title h1 {
    margin: 0 0 6px;
    color: var(--mm-accent-soft);
    text-shadow: 0 0 12px rgba(var(--mm-accent-rgb),.45);
    font-size: 28px;
}

.reader-new-title p {
    margin: 0;
    color: var(--mm-pink-mid2);
    font-weight: bold;
    font-size: 18px;
}

.reader-new-controls {
    display: flex;
    align-items: center;
    gap: 12px;
}

.reader-icon-btn {
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(var(--mm-accent-rgb),.55);
    border-radius: 12px;

    background: rgba(var(--mm-accent2-rgb),.12);
    color: var(--mm-accent-pale);
    font-size: 25px;
    text-decoration: none;

    box-shadow: 0 0 12px rgba(var(--mm-accent-rgb),.14);
}

.reader-icon-btn:hover {
    background: rgba(var(--mm-accent-rgb),.20);
    box-shadow: 0 0 18px rgba(var(--mm-accent-rgb),.35);
}

.reader-chapter-select {
    min-width: 230px;
    padding: 15px 16px;
    border-radius: 12px;
    border: 1px solid rgba(var(--mm-accent-rgb),.55);
    background: rgba(8, 9, 20, .92);
    color: var(--mm-text);
    font-weight: bold;
    outline: none;
}

.reader-images {
    max-width: 1080px;
    margin: 0 auto;
}

.reader-images img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.reader-bottom-box {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 18px;
    align-items: start;

    margin: 0 auto 28px;
    padding: 26px;
    max-width: 1080px;

    border: 1px solid rgba(var(--mm-accent-rgb),.42);
    border-top: none;
    border-radius: 0 0 18px 18px;

    background: linear-gradient(145deg, rgba(15, 18, 38, .96), rgba(8, 9, 20, .96));
    box-shadow: 0 0 20px rgba(var(--mm-accent-rgb),.16);
}

.reader-bottom-right {
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 18px;
}

.reader-read-done,
.reader-small-nav,
.reader-like-top,
.reader-next-btn,
.reader-report-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 11px 17px;
    border-radius: 10px;

    text-decoration: none;
    font-weight: bold;
    border: 1px solid rgba(var(--mm-accent-rgb),.45);
    cursor: pointer;
}

.reader-read-done {
    background: linear-gradient(135deg, #43d86a, #2e9f4e);
    color: white;
    border-color: rgba(67,216,106,.6);
    box-shadow: 0 0 14px rgba(67,216,106,.22);
}

.reader-small-nav {
    margin-top: 16px;
    color: var(--mm-accent-pale);
    background: rgba(var(--mm-accent2-rgb),.10);
    border-color: var(--mm-accent-2);
}

.reader-like-top {
    color: var(--mm-accent-soft);
    background: rgba(255,79,143,.10);
    border-color: var(--mm-hot-accent);
    box-shadow: 0 0 14px rgba(255,79,143,.16);
}

.reader-like-top.liked,
.reader-like-top:hover {
    background: linear-gradient(135deg,var(--mm-hot-accent),var(--mm-accent-2));
    color: white;
    border-color: var(--mm-accent-light);
}

.reader-next-btn {
    color: #bfe0ff;
    background: rgba(79,168,255,.08);
    border-color: #4fa8ff;
}

.reader-report-btn {
    color: var(--mm-accent-soft);
    background: transparent;
    border: none;
    text-decoration: underline;
    padding-right: 0;
}

.reader-report-btn:hover {
    color: var(--mm-accent);
}

.chapter-reactions-box {
    max-width: 1080px;
    margin: 28px auto;
    padding: 20px;

    border-radius: 18px;
    border: 1px solid rgba(var(--mm-accent-rgb),.38);
    background: linear-gradient(145deg, rgba(15, 18, 38, .95), rgba(8, 9, 20, .95));
    box-shadow: 0 0 18px rgba(var(--mm-accent-rgb),.15);
}

.reaction-title {
    display: flex;
    justify-content: center;
    gap: 14px;
    align-items: center;
    color: var(--mm-accent-soft);
    margin-bottom: 16px;
    font-size: 18px;
}

.reaction-title span {
    color: var(--mm-text-soft);
    font-size: 14px;
}

.reaction-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
}

.reaction-btn {
    min-height: 72px;
    padding: 10px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;

    border-radius: 14px;
    border: 1px solid rgba(var(--mm-accent-rgb),.35);

    background: rgba(255,255,255,.035);
    color: var(--mm-lilac-soft);
    text-decoration: none;

    box-shadow: inset 0 0 18px rgba(var(--mm-accent2-rgb),.04);
    transition: .2s;
}

.reaction-face {
    color: #8fd0ff;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 1px;
    text-shadow: 0 0 12px rgba(79,168,255,.28);
}

.reaction-count {
    color: var(--mm-text);
    font-weight: bold;
}

.reaction-btn:hover,
.reaction-btn.active {
    border-color: var(--mm-accent);
    background: linear-gradient(135deg, rgba(var(--mm-accent-rgb),.22), rgba(var(--mm-accent2-rgb),.20));
    box-shadow: 0 0 18px rgba(var(--mm-accent-rgb),.25);
    transform: translateY(-2px);
}

.comments-panel {
    max-width: 1080px;
    margin: 28px auto;
    padding: 20px;
    border-radius: 16px;
    border: 1px solid rgba(var(--mm-accent-rgb),.35);
    background: linear-gradient(145deg, rgba(15, 18, 38, .95), rgba(8, 9, 20, .95));
    box-shadow: 0 0 18px rgba(var(--mm-accent-rgb),.16);
}

.comments-panel h2 {
    margin-top: 0;
    color: var(--mm-accent-soft);
    text-shadow: 0 0 10px rgba(var(--mm-accent-rgb),.4);
}

.comment-form {
    margin-bottom: 18px;
}

.comment-text-wrap {
    position: relative;
}

.comment-text-wrap textarea {
    width: 100%;
    padding: 14px 44px 14px 14px;
    border-radius: 11px;
    border: 1px solid rgba(var(--mm-accent-rgb),.35);
    background: rgba(5, 6, 16, .75);
    color: var(--mm-text);
    resize: vertical;
}

.emoji-toggle {
    position: absolute;
    top: 10px;
    right: 10px;
    border: 1px solid rgba(var(--mm-accent-rgb),.35);
    border-radius: 9px;
    background: rgba(var(--mm-accent2-rgb),.12);
    color: var(--mm-accent-soft);
    font-size: 20px;
    cursor: pointer;
    width: 34px;
    height: 34px;
}

.emoji-box,
.sticker-box {
    display: none;
    margin-top: 10px;
    padding: 12px;
    border: 1px solid rgba(var(--mm-accent-rgb),.35);
    border-radius: 10px;
    background: rgba(5, 6, 16, .75);
}

.emoji-box.show,
.sticker-box.show {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.emoji-box button {
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid rgba(var(--mm-accent-rgb),.35);
    background: rgba(255,255,255,.04);
    cursor: pointer;
    font-size: 18px;
}

.sticker-picker {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    margin-top: 10px;
    padding: 12px;
    border: 1px solid rgba(var(--mm-accent-rgb),.25);
    border-radius: 10px;
    background: rgba(255,255,255,.03);
}

.sticker-picker strong {
    color: var(--mm-accent-soft);
}

.sticker-picker p {
    margin: 6px 0 0;
    color: var(--mm-lilac-muted);
}

.sticker-picker button,
.comment-submit-row button {
    padding: 10px 16px;
    border-radius: 9px;
    border: 1px solid var(--mm-accent-2);
    background: rgba(var(--mm-accent2-rgb),.14);
    color: var(--mm-lilac-pale);
    cursor: pointer;
    font-weight: bold;
}

.sticker-box button {
    width: 110px;
    padding: 8px;
    border-radius: 10px;
    border: 1px solid rgba(var(--mm-accent-rgb),.35);
    background: rgba(255,255,255,.04);
    color: var(--mm-text);
    cursor: pointer;
}

.sticker-box img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    display: block;
    margin: 0 auto 5px;
}

.comment-submit-row {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
}

.comment-submit-row button {
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));
    color: white;
    border-color: var(--mm-accent-light);
}

.comment-item {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 10px;
    padding: 14px;
    margin-bottom: 14px;
    border: 1px solid rgba(var(--mm-accent-rgb),.22);
    border-radius: 12px;
    background: rgba(255,255,255,.03);
}

.comment-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--mm-bg-deep);
    border: 1px solid rgba(var(--mm-accent-rgb),.45);
    display: flex;
    align-items: center;
    justify-content: center;
}

.comment-head {
    display: flex;
    gap: 10px;
    align-items: baseline;
    flex-wrap: wrap;
}

.comment-content strong {
    color: var(--mm-accent-soft);
}

.comment-content small {
    color: #bfaee6;
}

.comment-content p {
    color: #f4eaff;
    margin: 8px 0;
    line-height: 1.45;
}

.comment-sticker img {
    max-width: 130px;
    max-height: 130px;
    object-fit: contain;
    margin-top: 8px;
}

.comment-actions {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.comment-actions button {
    padding: 7px 12px;
    border-radius: 8px;
    border: 1px solid rgba(var(--mm-accent-rgb),.35);
    background: rgba(var(--mm-accent2-rgb),.10);
    color: var(--mm-lilac-pale);
    cursor: pointer;
}

.comment-actions .comment-like-btn {
    color: var(--mm-accent-soft);
    border-color: var(--mm-hot-accent);
    background: rgba(255,79,143,.10);
}

.comment-actions .danger {
    border-color: var(--mm-hot-accent);
    color: #ff9abd;
    background: rgba(255,79,143,.08);
}

.comment-actions .warn {
    border-color: #ffd23f;
    color: #ffe38a;
    background: rgba(255,210,63,.08);
}

.reader-center-back {
    max-width: 1080px;
    margin: 20px auto;
    padding: 18px;
    text-align: center;

    border-radius: 16px;
    border: 1px solid rgba(var(--mm-accent-rgb),.35);
    background: rgba(8, 9, 20, .65);
}

.reader-center-back a {
    width: 54px;
    height: 54px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    border: 1px solid var(--mm-accent);
    background: rgba(var(--mm-accent-rgb),.12);
    color: var(--mm-accent-soft);

    text-decoration: none;
    font-size: 30px;
    font-weight: bold;

    box-shadow: 0 0 18px rgba(var(--mm-accent-rgb),.35);
}

.reader-center-back a:hover {
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));
    color: white;
}

@media (max-width: 900px) {
    .reader-new-top,
    .reader-bottom-box {
        grid-template-columns: 1fr;
    }

    .reader-new-controls {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .reader-bottom-right {
        align-items: flex-start;
        text-align: left;
    }

    .reaction-row {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 520px) {
    .reaction-row {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* OLVASÓOLDAL FINOMÍTÁS - FEJLÉC, ALSÓ GOMBOK, REAKCIÓK */

/* felső panel igazodjon a képekhez */
.reader-new-top {
    max-width: 1080px !important;
    width: 100% !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 22px !important;
    align-items: center !important;

    padding: 22px 26px !important;

    border: 1px solid rgba(var(--mm-accent-rgb),.42) !important;
    border-bottom: none !important;
    border-radius: 18px 18px 0 0 !important;

    background: linear-gradient(145deg, rgba(15, 18, 38, .96), rgba(8, 9, 20, .96)) !important;
    box-shadow: 0 0 20px rgba(var(--mm-accent-rgb),.16) !important;
}

.reader-new-title h1 {
    margin: 0 0 6px !important;
    color: var(--mm-accent-soft) !important;
    text-shadow: 0 0 12px rgba(var(--mm-accent-rgb),.45) !important;
    font-size: 28px !important;
}

.reader-new-title p {
    margin: 0 !important;
    color: var(--mm-pink-mid2) !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

.reader-new-controls {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.reader-icon-btn {
    width: 58px !important;
    height: 58px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid rgba(var(--mm-accent-rgb),.55) !important;
    border-radius: 14px !important;

    background: rgba(var(--mm-accent2-rgb),.12) !important;
    color: var(--mm-accent-pale) !important;
    font-size: 24px !important;
    text-decoration: none !important;

    box-shadow: 0 0 12px rgba(var(--mm-accent-rgb),.18) !important;
}

.reader-chapter-select {
    min-width: 250px !important;
    padding: 15px 16px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.55) !important;
    background: rgba(8, 9, 20, .92) !important;
    color: var(--mm-text) !important;
    font-weight: bold !important;
    outline: none !important;
}

.reader-images {
    max-width: 1080px !important;
    margin: 0 auto !important;
}

/* régi alsó panelt felülírjuk */
.reader-bottom-box {
    max-width: 1080px !important;
    margin: 0 auto 26px !important;
    padding: 24px !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 18px !important;
    flex-wrap: wrap !important;

    border: 1px solid rgba(var(--mm-accent-rgb),.42) !important;
    border-top: none !important;
    border-radius: 0 0 18px 18px !important;

    background: linear-gradient(145deg, rgba(15, 18, 38, .96), rgba(8, 9, 20, .96)) !important;
    box-shadow: 0 0 20px rgba(var(--mm-accent-rgb),.16) !important;
}

.reader-bottom-left,
.reader-bottom-right {
    display: contents !important;
}

/* ne látszódjon az Elolvastad gomb */
.reader-bottom-box .reader-read-done,
.reader-bottom-box .reader-small-nav,
.reader-bottom-box .reader-next-btn,
.reader-bottom-box .reader-report-btn {
    display: none !important;
}

/* új alsó ikon gombsor */
.reader-action-strip {
    max-width: 1080px;
    margin: 0 auto 28px;
    padding: 20px 24px;

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;

    border: 1px solid rgba(var(--mm-accent-rgb),.42);
    border-top: none;
    border-radius: 0 0 18px 18px;

    background: linear-gradient(145deg, rgba(15, 18, 38, .96), rgba(8, 9, 20, .96));
    box-shadow: 0 0 20px rgba(var(--mm-accent-rgb),.16);
}

.reader-round-action {
    min-width: 58px;
    height: 50px;
    padding: 0 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    border-radius: 999px;
    border: 1px solid rgba(var(--mm-accent-rgb),.50);

    background: rgba(var(--mm-accent2-rgb),.12);
    color: var(--mm-accent-pale);

    text-decoration: none;
    font-weight: bold;
    font-size: 19px;

    box-shadow: 0 0 14px rgba(var(--mm-accent-rgb),.16);
    cursor: pointer;
    transition: .22s;
}

.reader-round-action:hover {
    transform: translateY(-2px);
    background: linear-gradient(135deg, rgba(var(--mm-accent-rgb),.28), rgba(var(--mm-accent2-rgb),.28));
    box-shadow: 0 0 20px rgba(var(--mm-accent-rgb),.32);
}

.reader-round-action.disabled {
    opacity: .35;
    pointer-events: none;
}

.reader-like-round {
    border-color: var(--mm-hot-accent);
    color: var(--mm-accent-soft);
    background: rgba(255,79,143,.10);
}

.reader-like-round.liked,
.reader-like-round:hover {
    background: linear-gradient(135deg,var(--mm-hot-accent),var(--mm-accent-2));
    color: white;
    border-color: var(--mm-accent-light);
}

.reader-project-round {
    font-size: 23px;
}

.reader-report-round {
    color: var(--mm-accent-soft);
}

.reader-report-round:hover {
    color: white;
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));
    border-color: var(--mm-accent-light);
}

/* reakció doboz szebb */
.chapter-reactions-box {
    max-width: 1080px !important;
    margin: 28px auto !important;
    padding: 22px !important;

    border-radius: 18px !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.38) !important;
    background: linear-gradient(145deg, rgba(15, 18, 38, .95), rgba(8, 9, 20, .95)) !important;
    box-shadow: 0 0 18px rgba(var(--mm-accent-rgb),.15) !important;
}

.reaction-title {
    display: flex !important;
    justify-content: center !important;
    gap: 14px !important;
    align-items: center !important;
    color: var(--mm-accent-soft) !important;
    margin-bottom: 18px !important;
    font-size: 18px !important;
}

.reaction-title span {
    color: var(--mm-text-soft) !important;
    font-size: 14px !important;
}

.reaction-row {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 12px !important;
}

.reaction-btn {
    min-height: 92px !important;
    padding: 12px 8px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;

    border-radius: 16px !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.35) !important;

    background:
        radial-gradient(circle at top, rgba(var(--mm-accent-rgb),.12), transparent 45%),
        rgba(255,255,255,.035) !important;

    color: var(--mm-lilac-soft) !important;
    text-decoration: none !important;

    box-shadow: inset 0 0 18px rgba(var(--mm-accent2-rgb),.04) !important;
    transition: .2s !important;
}

.reaction-emoji {
    font-size: 28px !important;
    line-height: 1 !important;
    filter: drop-shadow(0 0 8px rgba(var(--mm-accent-rgb),.25));
}

.reaction-name {
    font-size: 12px !important;
    color: var(--mm-accent-soft) !important;
    font-weight: bold !important;
}

.reaction-count {
    color: var(--mm-text) !important;
    font-weight: bold !important;
    font-size: 14px !important;
}

.reaction-btn:hover,
.reaction-btn.active {
    border-color: var(--mm-accent) !important;
    background:
        radial-gradient(circle at top, rgba(var(--mm-accent-rgb),.30), transparent 55%),
        linear-gradient(135deg, rgba(var(--mm-accent-rgb),.20), rgba(var(--mm-accent2-rgb),.20)) !important;
    box-shadow: 0 0 20px rgba(var(--mm-accent-rgb),.30) !important;
    transform: translateY(-2px) !important;
}

/* kommentpanel maradjon a képszélességhez igazodva */
.comments-panel,
.reader-center-back {
    max-width: 1080px !important;
}

@media (max-width: 900px) {
    .reader-new-top {
        grid-template-columns: 1fr !important;
    }

    .reader-new-controls {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }

    .reaction-row {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 520px) {
    .reaction-row {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .reader-chapter-select {
        min-width: 100% !important;
    }
}

/* KOMMENT GOMBOK + MATRICA ADMIN - MANHWA MŰHELY DIZÁJN */

/* Komment gombok */
.comment-actions button {
    padding: 7px 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.42) !important;
    background: rgba(var(--mm-accent2-rgb),.12) !important;
    color: var(--mm-lilac-pale) !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: .22s !important;
}

.comment-actions button:hover {
    transform: translateY(-1px);
    box-shadow: 0 0 14px rgba(var(--mm-accent-rgb),.28);
}

.comment-actions .comment-like-btn {
    border-color: var(--mm-hot-accent) !important;
    background: rgba(255,79,143,.12) !important;
    color: var(--mm-accent-soft) !important;
}

.comment-actions .comment-like-btn:hover {
    background: linear-gradient(135deg,var(--mm-hot-accent),var(--mm-accent-2)) !important;
    color: white !important;
}

.comment-actions .danger {
    border-color: var(--mm-hot-accent) !important;
    color: #ff9abd !important;
    background: rgba(255,79,143,.08) !important;
}

.comment-actions .danger:hover {
    background: rgba(255,79,143,.22) !important;
}

.comment-actions .warn {
    border-color: var(--mm-accent) !important;
    color: var(--mm-accent-pale) !important;
    background: rgba(var(--mm-accent2-rgb),.12) !important;
}

.comment-actions .warn:hover {
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2)) !important;
    color: white !important;
}

/* Emoji doboz */
.emoji-box {
    background: linear-gradient(145deg, rgba(15, 18, 38, .96), rgba(8, 9, 20, .96)) !important;
    border-color: rgba(var(--mm-accent-rgb),.42) !important;
}

.emoji-box button {
    background: rgba(var(--mm-accent2-rgb),.10) !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.38) !important;
    border-radius: 12px !important;
    transition: .2s !important;
}

.emoji-box button:hover {
    background: rgba(var(--mm-accent-rgb),.22) !important;
    transform: translateY(-2px);
}

/* Matrica admin oldal */
.sticker-admin-panel {
    margin: 20px 0;
    padding: 22px;
    border-radius: 18px;
    border: 1px solid rgba(var(--mm-accent-rgb),.45);
    background: linear-gradient(145deg, rgba(15, 18, 38, .96), rgba(8, 9, 20, .96));
    box-shadow: 0 0 18px rgba(var(--mm-accent-rgb),.16);
}

.sticker-admin-panel h2 {
    margin-top: 0;
    color: var(--mm-accent-soft);
    text-shadow: 0 0 10px rgba(var(--mm-accent-rgb),.35);
}

.sticker-admin-help {
    color: var(--mm-lilac-muted);
    margin-top: -4px;
}

.sticker-limit-form label,
.sticker-upload-form label {
    display: block;
    margin-bottom: 7px;
    color: #ffd6f3;
    font-weight: bold;
}

.sticker-inline-form {
    display: grid;
    grid-template-columns: minmax(160px, 320px) auto;
    gap: 10px;
    align-items: center;
}

.sticker-inline-form input,
.sticker-upload-form input[type="text"],
.sticker-upload-form input[type="file"] {
    width: 100%;
    padding: 12px;
    border-radius: 10px;
    border: 1px solid rgba(var(--mm-accent-rgb),.42);
    background: rgba(5, 6, 16, .85);
    color: var(--mm-text);
}

.sticker-inline-form button,
.sticker-upload-form button {
    padding: 12px 18px;
    border-radius: 999px;
    border: 1px solid var(--mm-accent-light);
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));
    color: white;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 0 14px rgba(var(--mm-accent-rgb),.28);
}

.sticker-inline-form button:hover,
.sticker-upload-form button:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 20px rgba(var(--mm-accent-rgb),.45);
}

.sticker-limit-form small {
    display: block;
    margin-top: 10px;
    color: #bfaee6;
}

.sticker-upload-grid {
    display: grid;
    grid-template-columns: 1fr 1.3fr auto;
    gap: 12px;
    align-items: end;
}

.sticker-upload-button-wrap {
    display: flex;
    align-items: end;
}

.sticker-admin-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.sticker-admin-card {
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(var(--mm-accent-rgb),.38);
    background: rgba(255,255,255,.035);
    text-align: center;
    box-shadow: inset 0 0 18px rgba(var(--mm-accent2-rgb),.04);
}

.sticker-admin-card.inactive {
    opacity: .45;
}

.sticker-preview {
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.sticker-preview img {
    max-width: 100px;
    max-height: 100px;
    object-fit: contain;
}

.sticker-admin-card strong {
    display: block;
    color: var(--mm-accent-soft);
    margin-bottom: 4px;
}

.sticker-admin-card small {
    color: var(--mm-lilac-muted);
}

.sticker-card-actions {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: 12px;
    flex-wrap: wrap;
}

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

    .sticker-upload-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .sticker-admin-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sticker-inline-form {
        grid-template-columns: 1fr;
    }
}

/* MŰKÖDŐ KOMMENT GOMBOK - LINK + BUTTON EGYSÉGESÍTÉS */

.comment-actions {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.comment-actions button,
.comment-action-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 7px 12px !important;
    border-radius: 999px !important;

    border: 1px solid rgba(var(--mm-accent-rgb),.42) !important;
    background: rgba(var(--mm-accent2-rgb),.12) !important;
    color: var(--mm-lilac-pale) !important;

    font-weight: bold !important;
    font-size: 14px !important;
    text-decoration: none !important;

    cursor: pointer !important;
    transition: .22s !important;
}

.comment-actions button:hover,
.comment-action-link:hover {
    transform: translateY(-1px);
    box-shadow: 0 0 14px rgba(var(--mm-accent-rgb),.28);
}

.comment-like-btn {
    border-color: var(--mm-hot-accent) !important;
    background: rgba(255,79,143,.12) !important;
    color: var(--mm-accent-soft) !important;
}

.comment-like-btn:hover,
.comment-like-btn.liked {
    background: linear-gradient(135deg,var(--mm-hot-accent),var(--mm-accent-2)) !important;
    color: white !important;
}

.comment-action-link.danger,
.comment-actions .danger {
    border-color: var(--mm-hot-accent) !important;
    color: #ff9abd !important;
    background: rgba(255,79,143,.08) !important;
}

.comment-action-link.danger:hover,
.comment-actions .danger:hover {
    background: rgba(255,79,143,.22) !important;
}

.comment-actions .warn {
    border-color: var(--mm-accent) !important;
    color: var(--mm-accent-pale) !important;
    background: rgba(var(--mm-accent2-rgb),.12) !important;
}

.comment-actions .warn:hover {
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2)) !important;
    color: white !important;
}

/* BELÉPÉS / REGISZTRÁCIÓ / PROFIL */

.auth-box {
    max-width: 520px;
    margin: 45px auto;
    padding: 28px;
    border-radius: 20px;
    border: 1px solid rgba(var(--mm-accent-rgb),.55);
    background: linear-gradient(145deg, rgba(15,18,38,.96), rgba(8,9,20,.96));
    box-shadow: 0 0 24px rgba(var(--mm-accent-rgb),.22);
}

.auth-box h1 {
    margin-top: 0;
    color: var(--mm-accent-soft);
    text-align: center;
    text-shadow: 0 0 14px rgba(var(--mm-accent-rgb),.45);
}

.auth-box label {
    display: block;
    margin-top: 15px;
    margin-bottom: 7px;
    color: #ffd6f3;
    font-weight: bold;
}

.auth-box input[type="text"],
.auth-box input[type="email"],
.auth-box input[type="password"] {
    width: 100%;
    padding: 13px;
    border-radius: 11px;
    border: 1px solid rgba(var(--mm-accent-rgb),.42);
    background: rgba(5,6,16,.85);
    color: var(--mm-text);
}

.auth-check {
    display: flex !important;
    align-items: center;
    gap: 10px;
}

.auth-check input {
    width: 18px;
    height: 18px;
    accent-color: var(--mm-accent);
}

.auth-box button,
.auth-main-link {
    display: block;
    width: 100%;
    margin-top: 22px;
    padding: 13px;
    border-radius: 999px;
    border: 1px solid var(--mm-accent-light);
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));
    color: white;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 0 16px rgba(var(--mm-accent-rgb),.28);
}

.auth-box button:hover,
.auth-main-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 22px rgba(var(--mm-accent-rgb),.45);
}

.auth-error,
.auth-success {
    padding: 12px 15px;
    border-radius: 12px;
    font-weight: bold;
}

.auth-error {
    border: 1px solid rgba(255,79,143,.45);
    background: rgba(255,79,143,.12);
    color: var(--mm-pink-soft);
}

.auth-success {
    border: 1px solid rgba(67,216,106,.45);
    background: rgba(67,216,106,.12);
    color: #a8ffbf;
}

.auth-link {
    text-align: center;
    color: var(--mm-lilac-muted);
}

.auth-link a {
    color: var(--mm-accent-soft);
    font-weight: bold;
}

.profile-box {
    text-align: center;
}

.profile-avatar {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(var(--mm-accent-rgb),.55);
    background: rgba(var(--mm-accent2-rgb),.12);
    font-size: 42px;
    box-shadow: 0 0 18px rgba(var(--mm-accent-rgb),.25);
}

.profile-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

/* ÚJ BEJELENTKEZÉS / REGISZTRÁCIÓ DIZÁJN */

.auth-page-pretty {
    max-width: 620px;
    margin: 35px auto 55px;
    text-align: center;
}

.auth-brand h1 {
    margin: 0;
    color: var(--mm-accent-soft);
    font-size: 46px;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 600;
    letter-spacing: 1px;
    text-shadow: 0 0 18px rgba(var(--mm-accent-rgb),.45);
}

.auth-brand img {
    width: 310px;
    max-width: 80%;
    margin: 18px auto 6px;
    display: block;
    filter: drop-shadow(0 0 22px rgba(var(--mm-accent-rgb),.35));
}

.auth-divider {
    margin: 13px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: var(--mm-accent-light);
}

.auth-divider span {
    width: 160px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--mm-accent-light), transparent);
}

.auth-divider i {
    font-size: 18px;
    text-shadow: 0 0 12px rgba(var(--mm-accent-rgb),.6);
}

.auth-card-pretty {
    margin-top: 12px;
    padding: 22px 28px 26px;
    border-radius: 22px;
    border: 1px solid rgba(255,157,228,.48);
    background:
        radial-gradient(circle at top, rgba(var(--mm-accent-rgb),.10), transparent 42%),
        linear-gradient(145deg, rgba(12,13,28,.92), rgba(5,6,16,.96));
    box-shadow:
        0 0 28px rgba(var(--mm-accent-rgb),.20),
        inset 0 0 24px rgba(var(--mm-accent2-rgb),.05);
}

.auth-card-pretty h2 {
    margin: 0 0 18px;
    color: var(--mm-accent-soft);
    font-size: 25px;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 600;
}

.auth-card-pretty label {
    display: block;
    text-align: left;
    margin: 15px 0 7px;
    color: var(--mm-text);
    font-weight: 600;
}

.auth-input-icon {
    position: relative;
}

.auth-input-icon > i {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--mm-accent-light);
    font-size: 20px;
}

.auth-input-icon input {
    width: 100%;
    height: 58px;
    padding: 0 52px;
    border-radius: 12px;
    border: 1px solid rgba(255,157,228,.65);
    background: rgba(8,9,20,.78);
    color: var(--mm-text);
    font-size: 16px;
    outline: none;
    box-shadow: inset 0 0 16px rgba(var(--mm-accent-rgb),.03);
}

.auth-input-icon input:focus {
    border-color: var(--mm-accent);
    box-shadow: 0 0 16px rgba(var(--mm-accent-rgb),.25);
}

.auth-input-icon input::placeholder {
    color: rgba(248,234,255,.45);
}

.password-eye {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    border: none;
    background: transparent;
    color: #f2d6ff;
    cursor: pointer;
    font-size: 16px;
}

.auth-options-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    margin: 18px 0;
}

.remember-check {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    margin: 0 !important;
    color: #e8d9f5 !important;
    font-weight: 500 !important;
}

.remember-check input {
    width: 18px;
    height: 18px;
    accent-color: var(--mm-accent);
}

.auth-options-row a,
.auth-link a {
    color: var(--mm-accent-soft);
    font-weight: bold;
}

.adult-check {
    margin-top: 18px !important;
    justify-content: flex-start;
}

.auth-gradient-btn {
    width: 100%;
    height: 58px;
    margin-top: 22px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--mm-accent), var(--mm-accent-2), #7fb3ff);
    color: #2a1030;
    font-size: 18px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 0 20px rgba(var(--mm-accent-rgb),.35);
    transition: .22s;
}

.auth-gradient-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 28px rgba(var(--mm-accent-rgb),.55);
}

.auth-gradient-btn i {
    margin-left: 10px;
}

.auth-or {
    margin: 24px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    color: var(--mm-text);
}

.auth-or span {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,157,228,.75), transparent);
}

.auth-outline-btn {
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 12px;
    border: 1px solid rgba(255,157,228,.72);
    color: var(--mm-accent-soft);
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    background: rgba(8,9,20,.42);
    transition: .22s;
}

.auth-outline-btn:hover {
    background: rgba(var(--mm-accent-rgb),.12);
    box-shadow: 0 0 18px rgba(var(--mm-accent-rgb),.25);
}

.auth-error,
.auth-success {
    text-align: left;
    padding: 12px 15px;
    border-radius: 12px;
    font-weight: bold;
}

.auth-error {
    border: 1px solid rgba(255,79,143,.45);
    background: rgba(255,79,143,.12);
    color: var(--mm-pink-soft);
}

.auth-success {
    border: 1px solid rgba(67,216,106,.45);
    background: rgba(67,216,106,.12);
    color: #a8ffbf;
}

@media (max-width: 650px) {
    .auth-page-pretty {
        margin-top: 20px;
    }

    .auth-brand h1 {
        font-size: 34px;
    }

    .auth-brand img {
        width: 230px;
    }

    .auth-divider span {
        width: 90px;
    }

    .auth-card-pretty {
        padding: 20px;
    }

    .auth-options-row {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* BEJELENTKEZÉS / REGISZTRÁCIÓ KISEBB MÉRET */

.auth-page-pretty {
    max-width: 520px !important;
    margin: 10px auto 20px !important;
}

.auth-brand h1 {
    font-size: 34px !important;
}

.auth-brand img {
    width: 190px !important;
    margin: 8px auto 0 !important;
}

.auth-divider {
    margin: 8px auto 0 !important;
}

.auth-divider span {
    width: 120px !important;
}

.auth-card-pretty {
    margin-top: 6px !important;
    padding: 16px 22px 18px !important;
}

.auth-card-pretty h2 {
    font-size: 22px !important;
    margin-bottom: 10px !important;
}

.auth-card-pretty label {
    margin: 9px 0 5px !important;
    font-size: 14px !important;
}

.auth-input-icon input {
    height: 46px !important;
    font-size: 14px !important;
}

.auth-input-icon > i {
    font-size: 16px !important;
}

.password-eye {
    height: 32px !important;
    width: 32px !important;
}

.auth-options-row {
    margin: 10px 0 !important;
}

.auth-gradient-btn,
.auth-outline-btn {
    height: 46px !important;
    font-size: 15px !important;
}

.auth-or {
    margin: 13px 0 !important;
}

.auth-error,
.auth-success {
    padding: 9px 12px !important;
    font-size: 14px !important;
}

/* AUTH OLDAL EXTRA KICSINYÍTÉS */

.auth-page-pretty {
    max-width: 500px !important;
    margin: 4px auto 12px !important;
}

.auth-brand h1 {
    font-size: 30px !important;
    margin-bottom: 2px !important;
}

.auth-brand img {
    width: 145px !important;
    margin: 4px auto 0 !important;
}

.auth-divider {
    margin: 4px auto 0 !important;
}

.auth-card-pretty {
    margin-top: 6px !important;
    padding: 13px 20px 14px !important;
}

.auth-card-pretty h2 {
    font-size: 20px !important;
    margin-bottom: 8px !important;
}

.auth-card-pretty label {
    margin: 7px 0 4px !important;
    font-size: 13px !important;
}

.auth-input-icon input {
    height: 40px !important;
    font-size: 13px !important;
}

.auth-gradient-btn,
.auth-outline-btn {
    height: 42px !important;
    font-size: 14px !important;
    margin-top: 12px !important;
}

.auth-or {
    margin: 9px 0 !important;
}

.remember-check {
    font-size: 13px !important;
}

.auth-options-row {
    margin: 8px 0 !important;
}

/* JOGOSULTSÁGOK / FELHASZNÁLÓ KEZELÉS */

.users-admin-list {
    display: grid;
    gap: 16px;
    margin-top: 22px;
}

.user-admin-card {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 18px;
    align-items: center;

    padding: 18px;
    border-radius: 18px;
    border: 1px solid rgba(var(--mm-accent-rgb),.42);
    background: linear-gradient(145deg, rgba(15,18,38,.96), rgba(8,9,20,.96));
    box-shadow: 0 0 18px rgba(var(--mm-accent-rgb),.14);
}

.user-admin-left {
    display: flex;
    align-items: center;
    gap: 14px;
}

.user-admin-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px solid rgba(var(--mm-accent-rgb),.55);
    background: rgba(var(--mm-accent2-rgb),.12);

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 25px;
    box-shadow: 0 0 14px rgba(var(--mm-accent-rgb),.20);
    flex-shrink: 0;
}

.user-admin-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.user-admin-left strong {
    display: block;
    color: var(--mm-accent-soft);
    font-size: 18px;
}

.user-admin-left small {
    display: block;
    color: var(--mm-text-muted);
    margin: 4px 0 8px;
}

.role-pill {
    display: inline-block;
    padding: 6px 11px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid rgba(var(--mm-accent-rgb),.38);
}

.role-owner {
    background: linear-gradient(135deg,#ffd36a,var(--mm-accent));
    color: #30111f;
}

.role-admin {
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));
    color: white;
}

.role-uploader {
    background: linear-gradient(135deg,#53b5ff,var(--mm-accent-2));
    color: white;
}

.role-moderator {
    background: linear-gradient(135deg,#43d86a,#2e9f4e);
    color: white;
}

.role-supporter {
    background: linear-gradient(135deg,var(--mm-accent-light),var(--mm-accent-soft));
    color: #30111f;
}

.role-user {
    background: rgba(var(--mm-accent2-rgb),.12);
    color: var(--mm-lilac-soft);
}

.user-role-form {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
}

.user-role-form select {
    width: 100%;
    padding: 12px;
    border-radius: 11px;
    border: 1px solid rgba(var(--mm-accent-rgb),.42);
    background: rgba(5,6,16,.85);
    color: var(--mm-text);
}

.user-role-form button {
    padding: 12px 18px;
    border-radius: 999px;
    border: 1px solid var(--mm-accent-light);
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));
    color: white;
    font-weight: bold;
    cursor: pointer;
}

.user-role-form button:disabled,
.user-role-form select:disabled {
    opacity: .45;
    cursor: not-allowed;
}

@media (max-width: 800px) {
    .user-admin-card {
        grid-template-columns: 1fr;
    }

    .user-role-form {
        grid-template-columns: 1fr;
    }
}

/* KARBANTARTÁS MÓD */

.maintenance-staff-warning {
    max-width: 1200px;
    margin: 18px auto 0;
    padding: 13px 18px;
    border-radius: 14px;
    border: 1px solid rgba(255, 210, 63, .45);
    background: rgba(255, 210, 63, .10);
    color: #ffe38a;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 0 18px rgba(255,210,63,.16);
}

.maintenance-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background:
        radial-gradient(circle at top, rgba(var(--mm-accent-rgb),.16), transparent 35%),
        var(--mm-bg-deep);
}

.maintenance-card {
    width: min(560px, 100%);
    padding: 32px 28px;
    text-align: center;
    border-radius: 24px;
    border: 1px solid rgba(var(--mm-accent-rgb),.55);
    background: linear-gradient(145deg, rgba(15,18,38,.96), rgba(8,9,20,.98));
    box-shadow: 0 0 30px rgba(var(--mm-accent-rgb),.25);
}

.maintenance-card img {
    width: 150px;
    filter: drop-shadow(0 0 22px rgba(var(--mm-accent-rgb),.38));
}

.maintenance-card h1 {
    margin: 12px 0 0;
    color: var(--mm-accent-soft);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 38px;
    text-shadow: 0 0 16px rgba(var(--mm-accent-rgb),.45);
}

.maintenance-divider {
    margin: 13px auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.maintenance-divider span {
    width: 120px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--mm-accent-light), transparent);
}

.maintenance-divider i {
    color: var(--mm-accent-light);
    text-shadow: 0 0 12px rgba(var(--mm-accent-rgb),.6);
}

.maintenance-card h2 {
    color: var(--mm-accent-pale);
    margin: 0 0 12px;
}

.maintenance-card p {
    color: var(--mm-text);
    line-height: 1.55;
}

.maintenance-card a {
    display: inline-flex;
    margin-top: 18px;
    padding: 12px 20px;
    border-radius: 999px;
    border: 1px solid var(--mm-accent-light);
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));
    color: white;
    text-decoration: none;
    font-weight: bold;
}

.maintenance-admin-panel,
.maintenance-preview {
    margin-top: 22px;
    padding: 22px;
    border-radius: 18px;
    border: 1px solid rgba(var(--mm-accent-rgb),.42);
    background: linear-gradient(145deg, rgba(15,18,38,.96), rgba(8,9,20,.96));
    box-shadow: 0 0 18px rgba(var(--mm-accent-rgb),.14);
}

.maintenance-switch-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 18px;
    align-items: center;
    padding: 18px 0;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.maintenance-switch-row h2,
.maintenance-preview h2 {
    margin: 0 0 8px;
    color: var(--mm-accent-soft);
}

.maintenance-switch-row p {
    margin: 0;
    color: var(--mm-lilac-muted);
}

.mm-switch {
    position: relative;
    width: 72px;
    height: 38px;
    display: inline-block;
}

.mm-switch input {
    display: none;
}

.mm-switch span {
    position: absolute;
    inset: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(var(--mm-accent-rgb),.35);
    cursor: pointer;
    transition: .25s;
}

.mm-switch span::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    left: 4px;
    top: 3px;
    border-radius: 50%;
    background: var(--mm-lilac-muted);
    transition: .25s;
}

.mm-switch input:checked + span {
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));
    box-shadow: 0 0 18px rgba(var(--mm-accent-rgb),.35);
}

.mm-switch input:checked + span::before {
    transform: translateX(33px);
    background: white;
}

.maintenance-message-label {
    display: block;
    margin: 18px 0 8px;
    color: var(--mm-accent-pale);
    font-weight: bold;
}

.maintenance-admin-panel textarea {
    width: 100%;
    padding: 14px;
    border-radius: 13px;
    border: 1px solid rgba(var(--mm-accent-rgb),.42);
    background: rgba(5,6,16,.85);
    color: var(--mm-text);
    resize: vertical;
}

.maintenance-save-btn {
    margin-top: 18px;
    padding: 13px 24px;
    border-radius: 999px;
    border: 1px solid var(--mm-accent-light);
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));
    color: white;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 0 16px rgba(var(--mm-accent-rgb),.28);
}

.maintenance-preview-card {
    max-width: 420px;
    margin: 0 auto;
    padding: 22px;
    text-align: center;
    border-radius: 18px;
    border: 1px solid rgba(var(--mm-accent-rgb),.38);
    background: rgba(255,255,255,.035);
}

.maintenance-preview-card img {
    width: 90px;
}

.maintenance-preview-card h3 {
    color: var(--mm-accent-soft);
    margin: 10px 0;
}

.maintenance-preview-card strong {
    color: var(--mm-accent-pale);
}

.maintenance-preview-card p {
    color: var(--mm-text);
}

/* KARBANTARTÁS OLDAL JAVÍTÁS */

.maintenance-admin-panel,
.maintenance-preview {
    max-width: 980px;
    margin: 24px auto;
    padding: 24px;
    border-radius: 20px;
    border: 1px solid rgba(var(--mm-accent-rgb),.45);
    background: linear-gradient(145deg, rgba(15,18,38,.96), rgba(8,9,20,.96));
    box-shadow: 0 0 22px rgba(var(--mm-accent-rgb),.18);
}

.maintenance-switch-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 18px;
    align-items: center;
    padding: 18px 0;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.maintenance-switch-row h2,
.maintenance-preview h2 {
    margin: 0 0 8px;
    color: var(--mm-accent-soft);
}

.maintenance-switch-row p {
    margin: 0;
    color: var(--mm-lilac-muted);
}

.mm-switch {
    position: relative;
    width: 72px;
    height: 38px;
    display: inline-block;
}

.mm-switch input {
    display: none;
}

.mm-switch span {
    position: absolute;
    inset: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(var(--mm-accent-rgb),.35);
    cursor: pointer;
    transition: .25s;
}

.mm-switch span::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    left: 4px;
    top: 3px;
    border-radius: 50%;
    background: var(--mm-lilac-muted);
    transition: .25s;
}

.mm-switch input:checked + span {
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));
    box-shadow: 0 0 18px rgba(var(--mm-accent-rgb),.35);
}

.mm-switch input:checked + span::before {
    transform: translateX(33px);
    background: white;
}

.maintenance-message-label {
    display: block;
    margin: 18px 0 8px;
    color: var(--mm-accent-pale);
    font-weight: bold;
}

.maintenance-admin-panel textarea {
    width: 100%;
    padding: 14px;
    border-radius: 13px;
    border: 1px solid rgba(var(--mm-accent-rgb),.42);
    background: rgba(5,6,16,.85);
    color: var(--mm-text);
    resize: vertical;
}

.maintenance-save-btn {
    margin-top: 18px;
    padding: 13px 24px;
    border-radius: 999px;
    border: 1px solid var(--mm-accent-light);
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));
    color: white;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 0 16px rgba(var(--mm-accent-rgb),.28);
}

.maintenance-preview-card {
    max-width: 420px;
    margin: 0 auto;
    padding: 22px;
    text-align: center;
    border-radius: 18px;
    border: 1px solid rgba(var(--mm-accent-rgb),.38);
    background: rgba(255,255,255,.035);
}

.maintenance-preview-card img {
    width: 90px;
}

.maintenance-preview-card h3 {
    color: var(--mm-accent-soft);
    margin: 10px 0;
}

.maintenance-preview-card strong {
    color: var(--mm-accent-pale);
}

.maintenance-preview-card p {
    color: var(--mm-text);
}

.admin-card {
    position: relative !important;
    z-index: 20 !important;
    pointer-events: auto !important;
}

.admin-dashboard-grid {
    position: relative !important;
    z-index: 10 !important;
}

/* KARBANTARTÁS TELJES RENDSZER */

.maintenance-staff-warning {
    max-width: 1200px;
    margin: 18px auto 0;
    padding: 13px 18px;
    border-radius: 14px;
    border: 1px solid rgba(255, 210, 63, .45);
    background: rgba(255, 210, 63, .10);
    color: #ffe38a;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 0 18px rgba(255,210,63,.16);
}

.maintenance-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 24px;
    background:
        radial-gradient(circle at top, rgba(var(--mm-accent-rgb),.16), transparent 35%),
        radial-gradient(circle at bottom right, rgba(var(--mm-accent2-rgb),.16), transparent 32%),
        var(--mm-bg-deep);
}

.maintenance-card {
    width: min(560px, 100%);
    padding: 32px 28px;

    text-align: center;

    border-radius: 24px;
    border: 1px solid rgba(var(--mm-accent-rgb),.55);
    background: linear-gradient(145deg, rgba(15,18,38,.96), rgba(8,9,20,.98));
    box-shadow: 0 0 30px rgba(var(--mm-accent-rgb),.25);
}

.maintenance-card img {
    width: 150px;
    filter: drop-shadow(0 0 22px rgba(var(--mm-accent-rgb),.38));
}

.maintenance-card h1 {
    margin: 12px 0 0;
    color: var(--mm-accent-soft);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 38px;
    text-shadow: 0 0 16px rgba(var(--mm-accent-rgb),.45);
}

.maintenance-divider {
    margin: 13px auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.maintenance-divider span {
    width: 120px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--mm-accent-light), transparent);
}

.maintenance-divider i {
    color: var(--mm-accent-light);
    text-shadow: 0 0 12px rgba(var(--mm-accent-rgb),.6);
}

.maintenance-card h2 {
    color: var(--mm-accent-pale);
    margin: 0 0 12px;
}

.maintenance-card p {
    color: var(--mm-text);
    line-height: 1.55;
}

.maintenance-card a {
    display: inline-flex;
    margin-top: 18px;
    padding: 12px 20px;

    border-radius: 999px;
    border: 1px solid var(--mm-accent-light);
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));

    color: white;
    text-decoration: none;
    font-weight: bold;
}
.maintenance-card p{
    max-width: 420px;
    margin: 18px auto 0;
    line-height: 1.8;
    text-align: center;
}

/* PROFIL + ÜZENETEK + ÉRTESÍTÉSEK */

.profile-page {
    width: min(1180px, calc(100vw - 50px));
    max-width: 1180px;
    margin: 0 auto;
}

.messages-page,
.notifications-page {
    max-width: 1100px;
    margin: 0 auto;
}

.profile-hero {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 24px;
}

.profile-left-card,
.profile-main-card,
.message-form-card,
.message-list-card,
.admin-message-card,
.notification-card {
    border: 1px solid rgba(var(--mm-accent-rgb),.45);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(15,18,38,.96), rgba(8,9,20,.98));
    box-shadow: 0 0 22px rgba(var(--mm-accent-rgb),.16);
}

.profile-left-card {
    padding: 26px;
    text-align: center;
}

.profile-avatar-big {
    width: 135px;
    height: 135px;
    margin: 0 auto 18px;
    border-radius: 50%;
    border: 1px solid rgba(var(--mm-accent-rgb),.65);
    background: rgba(var(--mm-accent2-rgb),.14);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mm-accent-soft);
    font-size: 52px;
    box-shadow: 0 0 24px rgba(var(--mm-accent-rgb),.24);
    overflow: hidden;
}

.profile-avatar-big img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-left-card h1,
.messages-title,
.notifications-head h1 {
    color: var(--mm-accent-soft);
    text-shadow: 0 0 16px rgba(var(--mm-accent-rgb),.55);
}

.profile-role-pill,
.profile-adult-pill,
.message-status {
    display: inline-block;
    margin: 6px;
    padding: 8px 13px;
    border-radius: 999px;
    border: 1px solid rgba(var(--mm-accent-rgb),.42);
    font-weight: bold;
}

.profile-adult-pill {
    color: white;
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));
}

.profile-adult-pill.muted {
    background: rgba(255,255,255,.08);
    color: var(--mm-lilac-muted);
}

.profile-logout-btn,
.profile-quick-actions a,
.message-form-card button,
.admin-message-card button,
.notifications-head a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
    padding: 12px 18px;
    border-radius: 999px;
    border: 1px solid var(--mm-accent-light);
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));
    color: white;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}

.profile-main-card {
    padding: 28px;
}

.profile-main-card h2 {
    color: var(--mm-accent-soft);
    margin-top: 0;
}

.profile-info-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.profile-info-grid div {
    padding: 16px;
    border-radius: 15px;
    border: 1px solid rgba(var(--mm-accent-rgb),.25);
    background: rgba(255,255,255,.035);
}

.profile-info-grid span {
    display: block;
    color: var(--mm-text-muted);
    margin-bottom: 7px;
    font-size: 13px;
}

.profile-info-grid strong {
    color: var(--mm-text);
}

.profile-quick-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 18px;
}

.messages-title {
    text-align: center;
    margin-bottom: 24px;
}

.message-form-card,
.message-list-card {
    padding: 24px;
    margin-bottom: 24px;
}

.message-form-card h2,
.message-list-card h2 {
    color: var(--mm-accent-soft);
    margin-top: 0;
}

.message-form-card label,
.admin-message-card label {
    display: block;
    margin: 14px 0 6px;
    color: var(--mm-accent-pale);
    font-weight: bold;
}

.message-form-card input,
.message-form-card select,
.message-form-card textarea,
.admin-message-card select,
.admin-message-card textarea {
    width: 100%;
    padding: 13px;
    border-radius: 13px;
    border: 1px solid rgba(var(--mm-accent-rgb),.42);
    background: rgba(5,6,16,.85);
    color: var(--mm-text);
}

.message-success,
.message-error,
.empty-message {
    padding: 14px 18px;
    border-radius: 14px;
    margin-bottom: 18px;
    font-weight: bold;
}

.message-success {
    border: 1px solid rgba(67,216,106,.45);
    background: rgba(67,216,106,.12);
    color: #a8ffbf;
}

.message-error {
    border: 1px solid rgba(255,79,143,.45);
    background: rgba(255,79,143,.12);
    color: var(--mm-pink-soft);
}

.empty-message {
    border: 1px solid rgba(var(--mm-accent-rgb),.35);
    background: rgba(var(--mm-accent-rgb),.08);
    color: var(--mm-accent-pale);
}

.message-item {
    padding: 18px;
    border-radius: 17px;
    border: 1px solid rgba(var(--mm-accent-rgb),.30);
    background: rgba(255,255,255,.035);
    margin-bottom: 14px;
}

.message-item-head,
.admin-message-head,
.notifications-head {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
}

.message-item strong,
.admin-message-head strong,
.notification-card strong {
    color: var(--mm-accent-soft);
}

.message-item small,
.admin-message-head small,
.notification-card small {
    display: block;
    color: var(--mm-text-muted);
    margin-top: 5px;
}

.admin-reply-box {
    margin-top: 14px;
    padding: 14px;
    border-radius: 14px;
    background: rgba(var(--mm-accent2-rgb),.12);
    border: 1px solid rgba(var(--mm-accent2-rgb),.32);
}

.status-új {
    background: rgba(255,210,63,.14);
    color: #ffe38a;
}

.status-folyamatban {
    background: rgba(83,181,255,.14);
    color: #93d2ff;
}

.status-megválaszolva,
.status-megoldva {
    background: rgba(67,216,106,.14);
    color: #a8ffbf;
}

.status-lezárva {
    background: rgba(255,255,255,.08);
    color: var(--mm-lilac-muted);
}

.admin-message-list {
    display: grid;
    gap: 18px;
}

.admin-message-card {
    padding: 22px;
}

.notification-card {
    display: block;
    padding: 18px;
    margin-bottom: 14px;
    text-decoration: none;
    color: var(--mm-text);
}

.notification-card.unread {
    border-color: rgba(var(--mm-accent-rgb),.85);
    box-shadow: 0 0 22px rgba(var(--mm-accent-rgb),.28);
}

.notification-card p {
    color: var(--mm-lilac-muted);
}

@media (max-width: 800px) {
    .profile-hero {
        grid-template-columns: 1fr;
    }

    .profile-info-grid {
        grid-template-columns: 1fr;
    }

    .message-item-head,
    .admin-message-head,
    .notifications-head {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* PROFIL SZERKESZTÉS / SAJÁT MATRICA */

.profile-mini-form {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.profile-mini-form label,
.profile-settings-card label {
    display: block;
    margin: 12px 0 6px;
    color: var(--mm-accent-pale);
    font-weight: bold;
}

.profile-mini-form input,
.profile-settings-card input {
    width: 100%;
    padding: 12px;
    border-radius: 13px;
    border: 1px solid rgba(var(--mm-accent-rgb),.42);
    background: rgba(5,6,16,.85);
    color: var(--mm-text);
}

.profile-mini-form button,
.profile-settings-card button {
    margin-top: 13px;
    padding: 12px 18px;
    border-radius: 999px;
    border: 1px solid var(--mm-accent-light);
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));
    color: white;
    font-weight: bold;
    cursor: pointer;
}

.profile-settings-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    margin-top: 24px;
}

.profile-settings-card {
    padding: 24px;
    border: 1px solid rgba(var(--mm-accent-rgb),.45);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(15,18,38,.96), rgba(8,9,20,.98));
    box-shadow: 0 0 22px rgba(var(--mm-accent-rgb),.16);
}

.profile-settings-card h2 {
    color: var(--mm-accent-soft);
    margin-top: 0;
}

.profile-settings-card p {
    color: var(--mm-lilac-muted);
}

.supporter-sticker-card {
    margin-top: 24px;
}

.own-sticker-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-top: 18px;
}

.own-sticker-item {
    padding: 13px;
    border-radius: 16px;
    border: 1px solid rgba(var(--mm-accent-rgb),.35);
    background: rgba(255,255,255,.035);
    text-align: center;
}

.own-sticker-item img {
    max-width: 100%;
    height: 90px;
    object-fit: contain;
    display: block;
    margin: 0 auto 8px;
}

.own-sticker-item span {
    color: var(--mm-accent-pale);
    font-size: 13px;
    font-weight: bold;
}

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

    .own-sticker-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* PROFIL LENYÍLÓ LISTÁK + FEJLÉC AVATAR */

.header-profile-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
}

.header-avatar-small {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    border: 1px solid rgba(var(--mm-accent-rgb),.65);
    background: rgba(var(--mm-accent2-rgb),.16);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: var(--mm-accent-soft);
    font-size: 13px;
    box-shadow: 0 0 9px rgba(var(--mm-accent-rgb),.28);
}

.header-avatar-small img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header-notification-link {
    position: relative;
}

.header-notification-badge {
    position: absolute;
    top: -9px;
    right: -10px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: linear-gradient(135deg,var(--mm-hot-accent),var(--mm-accent-2));
    color: white;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    box-shadow: 0 0 10px rgba(var(--mm-accent-rgb),.45);
}

.profile-collapsible-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    margin-top: 24px;
}

.profile-details-card {
    border: 1px solid rgba(var(--mm-accent-rgb),.45);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(15,18,38,.96), rgba(8,9,20,.98));
    box-shadow: 0 0 22px rgba(var(--mm-accent-rgb),.16);
    overflow: hidden;
}

.profile-details-card summary {
    padding: 18px 22px;
    cursor: pointer;
    color: var(--mm-accent-soft);
    font-weight: bold;
    list-style: none;
    text-shadow: 0 0 10px rgba(var(--mm-accent-rgb),.35);
}

.profile-details-card summary::-webkit-details-marker {
    display: none;
}

.profile-details-card summary::after {
    content: "⌄";
    float: right;
    color: var(--mm-accent-light);
}

.profile-details-card[open] summary::after {
    content: "⌃";
}

.profile-fav-list {
    display: grid;
    gap: 12px;
    padding: 0 18px 18px;
}

.profile-fav-item {
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 12px;
    align-items: center;
    padding: 12px;
    border-radius: 15px;
    border: 1px solid rgba(var(--mm-accent-rgb),.30);
    background: rgba(255,255,255,.035);
    text-decoration: none;
}

.profile-fav-item img,
.profile-fav-no-cover {
    width: 58px;
    height: 70px;
    border-radius: 10px;
    object-fit: cover;
    background: rgba(var(--mm-accent2-rgb),.12);
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile-fav-item strong {
    color: var(--mm-accent-soft);
    display: block;
}

.profile-fav-item small {
    color: var(--mm-text-muted);
}

.profile-comment-item {
    margin: 0 18px 14px;
    padding: 14px;
    border-radius: 15px;
    border: 1px solid rgba(var(--mm-accent-rgb),.30);
    background: rgba(255,255,255,.035);
}

.profile-comment-item strong {
    color: var(--mm-accent-soft);
    display: block;
}

.profile-comment-item small {
    color: var(--mm-text-muted);
    display: block;
    margin: 5px 0 8px;
}

.profile-comment-item p {
    color: var(--mm-text);
    margin: 0;
    line-height: 1.5;
}

.profile-empty-small {
    color: var(--mm-lilac-muted);
    padding: 0 22px 20px;
}

@media (max-width: 800px) {
    .profile-collapsible-grid {
        grid-template-columns: 1fr;
    }
}

/* PROFIL FINOMÍTÁS + KOMMENT AVATAR + INLINE VÁLASZ */

.profile-avatar-auto-form input[type="file"] {
    display: none;
}

.profile-avatar-upload-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 18px;
    padding: 12px 18px;
    border-radius: 999px;
    border: 1px solid var(--mm-accent-light);
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));
    color: white;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 0 14px rgba(var(--mm-accent-rgb),.24);
}

.profile-collapsible-grid {
    grid-template-columns: 1fr;
}

.profile-comment-item {
    display: block;
    text-decoration: none;
}

.comment-avatar {
    overflow: hidden;
}

.comment-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.comment-avatar i {
    color: var(--mm-accent-soft);
}

.inline-reply-form {
    display: none;
    margin-top: 14px;
    padding: 14px;
    border-radius: 15px;
    border: 1px solid rgba(var(--mm-accent-rgb),.35);
    background: rgba(255,255,255,.035);
}

.inline-reply-form.show {
    display: block;
}

.inline-reply-form textarea {
    width: 100%;
    padding: 12px;
    border-radius: 13px;
    border: 1px solid rgba(var(--mm-accent-rgb),.42);
    background: rgba(5,6,16,.85);
    color: var(--mm-text);
    resize: vertical;
}

.inline-reply-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 10px;
}

.inline-reply-actions button {
    padding: 9px 15px;
    border-radius: 999px;
    border: 1px solid rgba(var(--mm-accent-rgb),.55);
    background: rgba(var(--mm-accent-rgb),.10);
    color: var(--mm-accent-pale);
    font-weight: bold;
    cursor: pointer;
}

.inline-reply-actions button:first-child {
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));
    color: white;
}

.profile-details-card {
    max-width: 100%;
}

.profile-fav-list {
    max-height: 420px;
    overflow-y: auto;
}

.profile-fav-list::-webkit-scrollbar {
    width: 8px;
}

.profile-fav-list::-webkit-scrollbar-thumb {
    background: rgba(var(--mm-accent-rgb),.5);
    border-radius: 999px;
}

@media (min-width: 900px) {
    .profile-collapsible-grid {
        grid-template-columns: repeat(3, 1fr);
        align-items: start;
    }
}

/* EGYSÉGES PROFILKÉP ÉS INLINE VÁLASZ EMOJI */

.profile-comment-preview {
    margin: 6px 0 0;
    color: var(--mm-text);
    font-size: 13px;
}

.comment-item {
    align-items: flex-start !important;
    gap: 12px !important;
}

.comment-avatar {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.58) !important;
    background: rgba(var(--mm-accent2-rgb),.14) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    margin-top: 2px !important;
    box-shadow: 0 0 12px rgba(var(--mm-accent-rgb),.22) !important;
}

.comment-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    display: block !important;
}

.comment-avatar i {
    color: var(--mm-accent-soft) !important;
    font-size: 16px !important;
}

.comment-head {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.comment-head strong {
    color: var(--mm-accent-soft) !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
}

.comment-head small {
    color: var(--mm-text-muted) !important;
    font-size: 13px !important;
}

.inline-reply-form {
    display: none;
    margin-top: 14px;
    padding: 14px;
    border-radius: 15px;
    border: 1px solid rgba(var(--mm-accent-rgb),.35);
    background: rgba(255,255,255,.035);
}

.inline-reply-form.show {
    display: block;
}

.inline-reply-form textarea {
    width: 100%;
    padding: 12px;
    border-radius: 13px;
    border: 1px solid rgba(var(--mm-accent-rgb),.42);
    background: rgba(5,6,16,.85);
    color: var(--mm-text);
    resize: vertical;
}

.inline-reply-emoji-row {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 9px;
}

.inline-reply-emoji-row button {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 1px solid rgba(var(--mm-accent-rgb),.35);
    background: rgba(var(--mm-accent-rgb),.08);
    cursor: pointer;
    font-size: 17px;
}

.inline-reply-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 10px;
}

.inline-reply-actions button {
    padding: 9px 15px;
    border-radius: 999px;
    border: 1px solid rgba(var(--mm-accent-rgb),.55);
    background: rgba(var(--mm-accent-rgb),.10);
    color: var(--mm-accent-pale);
    font-weight: bold;
    cursor: pointer;
}

.inline-reply-actions button:first-child {
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));
    color: white;
}

.profile-fav-item img,
.profile-fav-no-cover {
    width: 58px !important;
    height: 70px !important;
    min-width: 58px !important;
    border-radius: 10px !important;
    object-fit: cover !important;
}

/* KOMMENT PROFILKÉP JAVÍTÁS */

.comment-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
}

.comment-avatar {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;

    margin-top: 0 !important;

    border-radius: 50% !important;
    overflow: hidden !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid rgba(var(--mm-accent-rgb),.55) !important;
    background: rgba(var(--mm-accent2-rgb),.14) !important;
    box-shadow: 0 0 10px rgba(var(--mm-accent-rgb),.20) !important;
}

.comment-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.comment-avatar i {
    font-size: 14px !important;
    color: var(--mm-accent-soft) !important;
}

.comment-content {
    flex: 1 !important;
}

.comment-head {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 6px !important;
}

.comment-head strong {
    font-size: 16px !important;
    line-height: 1 !important;
}

.comment-head small {
    font-size: 13px !important;
    line-height: 1 !important;
}

/* KOMMENT PROFILKÉP MÉRET - VÉGSŐ JAVÍTÁS */

.comment-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
}

.comment-avatar {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    margin-top: 1px !important;

    border-radius: 50% !important;
    overflow: hidden !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid rgba(var(--mm-accent-rgb),.55) !important;
    background: rgba(var(--mm-accent2-rgb),.14) !important;
    box-shadow: 0 0 8px rgba(var(--mm-accent-rgb),.18) !important;
}

.comment-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.comment-avatar i {
    font-size: 12px !important;
    color: var(--mm-accent-soft) !important;
}

.comment-content {
    flex: 1 !important;
}

.comment-head {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin-bottom: 5px !important;
    min-height: 28px !important;
}

.comment-head strong {
    font-size: 16px !important;
    line-height: 1 !important;
}

.comment-head small {
    font-size: 13px !important;
    line-height: 1 !important;
}

/* KÖZLEMÉNYEK */

.announcement-admin-panel,
.announcement-card {
    border: 1px solid rgba(var(--mm-accent-rgb),.45);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(15,18,38,.96), rgba(8,9,20,.98));
    box-shadow: 0 0 22px rgba(var(--mm-accent-rgb),.16);
    padding: 24px;
    margin-bottom: 22px;
}

.announcement-admin-panel h2,
.announcement-card h2 {
    color: var(--mm-accent-soft);
    margin-top: 0;
}

.announcement-admin-panel label {
    display: block;
    margin: 14px 0 6px;
    color: var(--mm-accent-pale);
    font-weight: bold;
}

.announcement-admin-panel input,
.announcement-admin-panel textarea {
    width: 100%;
    padding: 13px;
    border-radius: 13px;
    border: 1px solid rgba(var(--mm-accent-rgb),.42);
    background: rgba(5,6,16,.85);
    color: var(--mm-text);
}

.announcement-admin-panel button {
    margin-top: 16px;
    padding: 12px 20px;
    border-radius: 999px;
    border: 1px solid var(--mm-accent-light);
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));
    color: white;
    font-weight: bold;
    cursor: pointer;
}

.announcement-card small {
    color: var(--mm-text-muted);
}

.announcement-card p {
    color: var(--mm-text);
    line-height: 1.6;
}

/* KÖZLEMÉNY ELREJTÉS / ADMIN */

.announcement-admin-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
}

.announcement-toggle-btn {
    display: inline-flex;
    padding: 9px 15px;
    border-radius: 999px;
    border: 1px solid rgba(var(--mm-accent-rgb),.55);
    background: rgba(var(--mm-accent-rgb),.10);
    color: var(--mm-accent-pale);
    text-decoration: none;
    font-weight: bold;
}

.announcement-hidden {
    opacity: .62;
    filter: grayscale(.25);
}

.announcement-hidden h2::after {
    content: " (elrejtve)";
    font-size: 14px;
    color: var(--mm-text-muted);
}

/* AKTUÁLIS KÖZLEMÉNY ADMINBAN */

.current-announcement-panel {
    border-color: rgba(255, 210, 63, .45);
    box-shadow: 0 0 22px rgba(255,210,63,.12);
}

.current-announcement-box {
    padding: 18px;
    border-radius: 18px;
    border: 1px solid rgba(var(--mm-accent-rgb),.35);
    background: rgba(255,255,255,.035);
}

.current-announcement-box h3 {
    margin: 0 0 8px;
    color: var(--mm-accent-soft);
}

.current-announcement-box small {
    color: var(--mm-text-muted);
}

.current-announcement-box p {
    color: var(--mm-text);
    line-height: 1.6;
}

.admin-section-subtitle {
    color: var(--mm-accent-soft);
    margin: 26px 0 16px;
}

/* PROFIL / ÜZENETEK / FEJEZET ADATLAP FINOMÍTÁS */

.profile-info-grid .profile-notification-card,
.profile-quick-actions a[href*="notifications"] {
    display: none !important;
}

.replying-to-user {
    color: var(--mm-accent-pale);
    margin-bottom: 8px;
    font-weight: bold;
}

.uploader-avatar img,
.message-user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.uploader-avatar {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.55) !important;
    background: rgba(var(--mm-accent2-rgb),.14) !important;
}

.message-split-layout {
    display: grid;
    grid-template-columns: 340px 1fr;
    gap: 22px;
    align-items: start;
}

.compact-message-list {
    padding: 18px;
}

.message-panel-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}

.small-message-btn {
    padding: 8px 13px;
    border-radius: 999px;
    border: 1px solid rgba(var(--mm-accent-rgb),.55);
    background: rgba(var(--mm-accent-rgb),.12);
    color: var(--mm-accent-pale);
    text-decoration: none;
    font-weight: bold;
}

.message-thread-row {
    display: block;
    position: relative;
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(var(--mm-accent-rgb),.28);
    background: rgba(255,255,255,.035);
    text-decoration: none;
    color: var(--mm-text);
    margin-bottom: 12px;
}

.message-thread-row.active {
    border-color: rgba(var(--mm-accent-rgb),.85);
    box-shadow: 0 0 18px rgba(var(--mm-accent-rgb),.22);
}

.message-thread-row strong {
    display: block;
    color: var(--mm-accent-soft);
    margin-bottom: 5px;
}

.message-thread-row small {
    display: block;
    color: var(--mm-text-muted);
    margin-bottom: 8px;
}

.message-detail-card {
    min-height: 360px;
}

.message-detail-meta {
    color: var(--mm-text-muted);
    margin-bottom: 16px;
}

.message-bubble {
    padding: 16px;
    border-radius: 18px;
    border: 1px solid rgba(var(--mm-accent-rgb),.28);
    margin-bottom: 16px;
}

.user-bubble {
    background: rgba(255,255,255,.035);
}

.admin-bubble {
    background: rgba(var(--mm-accent2-rgb),.12);
}

.message-bubble strong {
    color: var(--mm-accent-soft);
}

.message-bubble p {
    color: var(--mm-text);
    line-height: 1.55;
}

.admin-message-detail-head {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-bottom: 18px;
}

.message-user-avatar {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 50%;
    border: 1px solid rgba(var(--mm-accent-rgb),.55);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: var(--mm-accent-soft);
    background: rgba(var(--mm-accent2-rgb),.14);
}

@media (max-width: 850px) {
    .message-split-layout {
        grid-template-columns: 1fr;
    }
}

/* ELREJTETT PROJEKT JELZÉS CSAPATTAGOKNAK */

.project-hidden-admin-view {
    opacity: .62;
    filter: grayscale(.15);
}

.project-hidden-corner {
    position: absolute;
    left: 12px;
    bottom: 12px;
    z-index: 5;

    padding: 6px 11px;
    border-radius: 999px;

    background: rgba(255, 210, 63, .16);
    border: 1px solid rgba(255, 210, 63, .55);
    color: #ffe38a;

    font-size: 12px;
    font-weight: bold;
    box-shadow: 0 0 12px rgba(255,210,63,.18);
}

/* FEJEZETLISTA FELTÖLTŐ PROFILKÉP IGAZÍTÁS */

.chapter-uploader {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin-top: 8px !important;
}

.chapter-uploader .uploader-avatar {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    margin: 0 !important;
    transform: none !important;
}

.chapter-uploader strong,
.chapter-uploader span {
    line-height: 24px !important;
}



/* =========================================================
   ADMIN KOMMENTKEZELŐ - TISZTA, VÉGLEGES BLOKK
   Fontos: ez váltja ki az összes korábbi admin-komment CSS-t.
========================================================= */

.mm-admin-comments-page {
    width: min(1180px, calc(100vw - 70px)) !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
}

.mm-admin-comments-title h1 {
    margin: 0 !important;
    color: var(--mm-accent-soft) !important;
    text-shadow: 0 0 14px rgba(var(--mm-accent-rgb),.60) !important;
    font-size: 34px !important;
}

.mm-admin-comments-title p {
    color: var(--mm-text-muted) !important;
    margin: 8px 0 20px !important;
}

.mm-comments-filter-card {
    width: 100% !important;
    padding: 16px !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.38) !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.035) !important;
    margin-bottom: 18px !important;
}

.mm-comments-filter-form {
    display: grid !important;
    grid-template-columns: 1fr 1fr 170px !important;
    gap: 12px !important;
    align-items: end !important;
}

.mm-comments-filter-form label {
    display: block !important;
    margin-bottom: 7px !important;
    color: var(--mm-accent-pale) !important;
    font-weight: 900 !important;
}

.mm-comments-filter-form input,
.mm-comments-filter-form select {
    width: 100% !important;
    padding: 12px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.38) !important;
    background: rgba(5,6,16,.88) !important;
    color: var(--mm-text) !important;
}

.mm-comments-result-count {
    color: var(--mm-text-muted) !important;
    margin-top: 12px !important;
}

.mm-comments-list {
    display: grid !important;
    gap: 13px !important;
    width: 100% !important;
}

/* Fő kártya: bal komment | középső két doboz | jobb gombok */
.mm-comment-card {
    display: grid !important;
    grid-template-columns: 330px 600px 140px !important;
    gap: 18px !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    padding: 16px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.42) !important;
    background: linear-gradient(145deg, rgba(15,18,38,.96), rgba(8,9,20,.98)) !important;
    box-shadow: 0 0 20px rgba(var(--mm-accent-rgb),.12) !important;
}

.mm-comment-card.is-hidden {
    opacity: .62 !important;
}

.mm-comment-left {
    min-width: 0 !important;
}

.mm-comment-id-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
}

.mm-comment-id-row span {
    color: var(--mm-text-muted) !important;
    font-weight: 900 !important;
}

.mm-comment-id-row em {
    padding: 4px 8px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,210,63,.55) !important;
    background: rgba(255,210,63,.12) !important;
    color: #ffe38a !important;
    font-style: normal !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

.mm-comment-author-row,
.mm-parent-user {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
}

.mm-comment-avatar {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.60) !important;
    background: rgba(var(--mm-accent2-rgb),.14) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    color: var(--mm-accent-soft) !important;
}

.mm-comment-avatar.small {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
}

.mm-comment-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.mm-profile-name,
.mm-comment-author-row strong,
.mm-parent-user strong,
.mm-meta-block strong {
    color: var(--mm-accent-soft) !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.mm-profile-name:hover {
    text-decoration: underline !important;
    text-shadow: 0 0 10px rgba(var(--mm-accent-rgb),.45) !important;
}

.mm-comment-author-row small,
.mm-parent-user small,
.mm-meta-block small {
    display: block !important;
    color: var(--mm-text-muted) !important;
    margin-top: 3px !important;
}

.mm-comment-text,
.mm-parent-text {
    margin-top: 9px !important;
    color: var(--mm-text) !important;
    line-height: 1.5 !important;
    overflow-wrap: anywhere !important;
}

.mm-comment-text em,
.mm-parent-text em {
    color: var(--mm-text-muted) !important;
}

.mm-comment-sticker img,
.mm-parent-sticker img {
    display: block !important;
    max-width: 145px !important;
    max-height: 110px !important;
    object-fit: contain !important;
    margin-top: 10px !important;
}

.mm-parent-comment-box {
    margin-top: 12px !important;
}

.mm-parent-comment-box summary {
    width: fit-content !important;
    list-style: none !important;
    cursor: pointer !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.62) !important;
    background: rgba(var(--mm-accent-rgb),.12) !important;
    color: var(--mm-accent-pale) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.mm-parent-comment-box summary::-webkit-details-marker {
    display: none !important;
}

.mm-parent-comment-inner {
    margin-top: 9px !important;
    padding: 13px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.35) !important;
    background: rgba(255,255,255,.04) !important;
}

/* Középső két doboz fixen egymás mellett */
.mm-comment-meta {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    align-items: stretch !important;
    width: 600px !important;
    max-width: 600px !important;
    justify-self: center !important;
}

.mm-meta-block {
    width: 100% !important;
    min-height: 118px !important;
    padding: 12px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.26) !important;
    background: rgba(255,255,255,.025) !important;
    margin: 0 !important;
}

.mm-meta-block span {
    display: block !important;
    color: var(--mm-text-muted) !important;
    font-size: 12px !important;
    margin-bottom: 5px !important;
}

.mm-inline-buttons {
    display: flex !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    margin-top: 9px !important;
}

/* Jobb oldali gombok mindig egymás alatt */
.mm-comment-actions {
    width: 140px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    align-content: center !important;
    justify-self: end !important;
}

.mm-admin-gradient-btn,
.mm-admin-outline-btn,
.mm-admin-pink-btn,
.mm-admin-danger-btn,
.mm-admin-warn-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    transition: .2s ease !important;
}

.mm-admin-gradient-btn {
    height: 43px !important;
    padding: 0 22px !important;
    border: 1px solid var(--mm-accent-light) !important;
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2)) !important;
    color: white !important;
    box-shadow: 0 0 16px rgba(var(--mm-accent-rgb),.24) !important;
}

.mm-admin-outline-btn {
    padding: 7px 11px !important;
    font-size: 12px !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.60) !important;
    background: rgba(var(--mm-accent-rgb),.11) !important;
    color: var(--mm-accent-pale) !important;
}

.mm-admin-pink-btn,
.mm-admin-danger-btn,
.mm-admin-warn-btn {
    width: 100% !important;
    padding: 8px 11px !important;
    font-size: 13px !important;
}

.mm-admin-pink-btn {
    border: 1px solid rgba(var(--mm-accent-rgb),.70) !important;
    background: rgba(var(--mm-accent-rgb),.12) !important;
    color: var(--mm-accent-pale) !important;
}

.mm-admin-danger-btn {
    border: 1px solid rgba(255,79,143,.72) !important;
    background: rgba(255,79,143,.14) !important;
    color: var(--mm-pink-soft) !important;
}

.mm-admin-warn-btn {
    border: 1px solid rgba(255,210,63,.65) !important;
    background: rgba(255,210,63,.12) !important;
    color: #ffe38a !important;
}

.mm-comment-empty {
    padding: 22px !important;
    color: var(--mm-text-muted) !important;
    border-radius: 18px !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.35) !important;
}

body {
    overflow-x: hidden !important;
}

@media (max-width: 1100px) {
    .mm-admin-comments-page {
        width: calc(100vw - 34px) !important;
    }

    .mm-comments-filter-form,
    .mm-comment-card {
        grid-template-columns: 1fr !important;
    }

    .mm-comment-meta {
        width: 100% !important;
        max-width: none !important;
        grid-template-columns: 1fr !important;
    }

    .mm-comment-actions {
        width: 100% !important;
        grid-template-columns: 1fr 1fr 1fr !important;
        justify-self: stretch !important;
    }
}

/* ADMIN KOMMENTKEZELŐ - VÉGLEGES LETISZTULT VERZIÓ */

.mm-admin-comments-final {
    width: min(1180px, calc(100vw - 70px)) !important;
    margin: 0 auto !important;
}

.mm-comments-final-title h1 {
    margin: 0 !important;
    color: var(--mm-accent-soft) !important;
    font-size: 34px !important;
    text-shadow: 0 0 14px rgba(var(--mm-accent-rgb),.58) !important;
}

.mm-comments-final-title p {
    margin: 8px 0 20px !important;
    color: var(--mm-text-muted) !important;
}

.mm-comments-final-filter {
    margin-bottom: 18px !important;
    padding: 16px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.40) !important;
    background: rgba(255,255,255,.035) !important;
}

.mm-comments-final-filter-form {
    display: grid !important;
    grid-template-columns: 1fr 1fr 170px !important;
    gap: 12px !important;
    align-items: end !important;
}

.mm-comments-final-filter-form label {
    display: block !important;
    margin-bottom: 7px !important;
    color: var(--mm-accent-pale) !important;
    font-weight: 900 !important;
}

.mm-comments-final-filter-form input,
.mm-comments-final-filter-form select {
    width: 100% !important;
    padding: 12px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.38) !important;
    background: rgba(5,6,16,.88) !important;
    color: var(--mm-text) !important;
}

.mm-comments-count {
    margin-top: 12px !important;
    color: var(--mm-text-muted) !important;
}

.mm-comments-final-list {
    display: grid !important;
    gap: 13px !important;
}

.mm-comment-final-card {
    display: grid !important;
    grid-template-columns: minmax(360px, 1fr) 560px !important;
    gap: 16px !important;
    align-items: stretch !important;

    padding: 16px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.42) !important;
    background: linear-gradient(145deg, rgba(15,18,38,.96), rgba(8,9,20,.98)) !important;
    box-shadow: 0 0 20px rgba(var(--mm-accent-rgb),.12) !important;
}

.mm-comment-final-card.is-hidden {
    opacity: .62 !important;
}

.mm-comment-final-main {
    min-width: 0 !important;
}

.mm-comment-final-id {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
    margin-bottom: 10px !important;
    color: var(--mm-text-muted) !important;
    font-weight: 900 !important;
}

.mm-comment-final-id span {
    padding: 4px 8px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,210,63,.55) !important;
    background: rgba(255,210,63,.12) !important;
    color: #ffe38a !important;
    font-size: 11px !important;
}

.mm-comment-final-author,
.mm-final-parent-user {
    display: flex !important;
    gap: 9px !important;
    align-items: center !important;
}

.mm-comment-final-avatar {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.60) !important;
    background: rgba(var(--mm-accent2-rgb),.14) !important;
    overflow: hidden !important;
    color: var(--mm-accent-soft) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.mm-comment-final-avatar.small {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
}

.mm-comment-final-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.mm-final-profile-link,
.mm-comment-final-author strong,
.mm-final-parent-user strong,
.mm-final-info-box strong {
    color: var(--mm-accent-soft) !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.mm-final-profile-link:hover {
    text-decoration: underline !important;
    text-shadow: 0 0 10px rgba(var(--mm-accent-rgb),.45) !important;
}

.mm-comment-final-author small,
.mm-final-parent-user small,
.mm-final-info-box small {
    display: block !important;
    margin-top: 3px !important;
    color: var(--mm-text-muted) !important;
}

.mm-comment-final-text,
.mm-final-parent-text {
    margin-top: 9px !important;
    color: var(--mm-text) !important;
    line-height: 1.5 !important;
    overflow-wrap: anywhere !important;
}

.mm-comment-final-text em,
.mm-final-parent-text em {
    color: var(--mm-text-muted) !important;
}

.mm-comment-final-sticker img,
.mm-final-parent-sticker img {
    display: block !important;
    max-width: 145px !important;
    max-height: 110px !important;
    object-fit: contain !important;
    margin-top: 10px !important;
}

.mm-final-parent-box {
    margin-top: 12px !important;
}

.mm-final-parent-box summary {
    width: fit-content !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.62) !important;
    background: rgba(var(--mm-accent-rgb),.12) !important;
    color: var(--mm-accent-pale) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
    list-style: none !important;
}

.mm-final-parent-box summary::-webkit-details-marker {
    display: none !important;
}

.mm-final-parent-inner {
    margin-top: 9px !important;
    padding: 13px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.35) !important;
    background: rgba(255,255,255,.04) !important;
}

.mm-comment-final-side {
    display: grid !important;
    grid-template-columns: 1fr 150px !important;
    gap: 12px !important;
    align-items: center !important;
}

.mm-final-side-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    align-items: stretch !important;
}

.mm-final-info-box {
    min-height: 118px !important;
    padding: 12px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.30) !important;
    background: rgba(255,255,255,.025) !important;
}

.mm-final-info-box span {
    display: block !important;
    margin-bottom: 5px !important;
    color: var(--mm-text-muted) !important;
    font-size: 12px !important;
}

.mm-final-mini-buttons {
    display: flex !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    margin-top: 9px !important;
}

.mm-final-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    align-content: center !important;
}

.mm-final-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

.mm-final-btn.gradient {
    height: 43px !important;
    padding: 0 22px !important;
    border: 1px solid var(--mm-accent-light) !important;
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2)) !important;
    color: white !important;
    box-shadow: 0 0 16px rgba(var(--mm-accent-rgb),.24) !important;
}

.mm-final-btn.outline {
    padding: 7px 11px !important;
    font-size: 12px !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.60) !important;
    background: rgba(var(--mm-accent-rgb),.11) !important;
    color: var(--mm-accent-pale) !important;
}

.mm-final-btn.pink,
.mm-final-btn.danger,
.mm-final-btn.warning {
    width: 100% !important;
    padding: 8px 11px !important;
    font-size: 13px !important;
}

.mm-final-btn.pink {
    border: 1px solid rgba(var(--mm-accent-rgb),.70) !important;
    background: rgba(var(--mm-accent-rgb),.12) !important;
    color: var(--mm-accent-pale) !important;
}

.mm-final-btn.danger {
    border: 1px solid rgba(255,79,143,.72) !important;
    background: rgba(255,79,143,.14) !important;
    color: var(--mm-pink-soft) !important;
}

.mm-final-btn.warning {
    border: 1px solid rgba(255,210,63,.65) !important;
    background: rgba(255,210,63,.12) !important;
    color: #ffe38a !important;
}

.mm-comment-final-empty {
    padding: 22px !important;
    color: var(--mm-text-muted) !important;
    border-radius: 18px !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.35) !important;
}

body {
    overflow-x: hidden !important;
}

@media (max-width: 1150px) {
    .mm-admin-comments-final {
        width: calc(100vw - 34px) !important;
    }

    .mm-comments-final-filter-form,
    .mm-comment-final-card,
    .mm-comment-final-side,
    .mm-final-side-row {
        grid-template-columns: 1fr !important;
    }

    .mm-final-actions {
        grid-template-columns: 1fr 1fr 1fr !important;
    }
}

/* ADMIN KOMMENTEK - 4 RÉSZ EGYENLŐ TÁVOLSÁGRA */

.mm-comment-final-card {
    display: grid !important;
    grid-template-columns: 1fr 260px 260px 150px !important;
    column-gap: 22px !important;
    align-items: center !important;
}

.mm-comment-final-main {
    min-width: 0 !important;
}

.mm-comment-final-side {
    display: contents !important;
}

.mm-final-side-row {
    display: contents !important;
}

.mm-final-info-box {
    width: 100% !important;
    min-height: 125px !important;
    margin: 0 !important;
}

.mm-final-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    align-content: center !important;
    width: 150px !important;
}

.mm-final-mini-buttons {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.mm-final-mini-buttons .mm-final-btn.outline {
    min-width: 0 !important;
}

@media (max-width: 1150px) {
    .mm-comment-final-card {
        grid-template-columns: 1fr !important;
    }

    .mm-comment-final-side {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .mm-final-side-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .mm-final-actions {
        width: 100% !important;
        grid-template-columns: 1fr 1fr 1fr !important;
    }
}

/* ADMIN KOMMENTEK - 4 EGYFORMA OSZLOP */

.mm-comment-final-card {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 18px !important;
    align-items: center !important;
}

.mm-comment-final-side,
.mm-final-side-row {
    display: contents !important;
}

.mm-final-info-box {
    width: 100% !important;
    min-height: 125px !important;
}

.mm-final-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
}

.mm-final-actions .mm-final-btn {
    width: 100% !important;
}

/* ADMIN KOMMENTKEZELŐ - 4 EGYENLŐ DOBOZOS VÉGLEGES VERZIÓ */

.mm-admin-comments-page,
.mm-comments-admin-page,
.mm-admin-comments-final,
.mm-comments-admin-title,
.mm-comment-final-card,
.mm-comment-final-side,
.mm-final-side-row,
.mm-comment-meta,
.mm-comment-meta-inner,
.mm-comments-list,
.mm-comments-final-list,
.mm-comment-card,
.mm-comment-final-main {
    all: unset;
}

.mm-comments-admin-page * {
    box-sizing: border-box;
}

.mm-comments-admin-page {
    display: block;
    width: min(1240px, calc(100vw - 60px));
    margin: 0 auto;
    color: var(--mm-text);
}

.mm-comments-admin-title h1 {
    margin: 0;
    color: var(--mm-accent-soft);
    font-size: 34px;
    text-shadow: 0 0 14px rgba(var(--mm-accent-rgb),.58);
}

.mm-comments-admin-title p {
    margin: 8px 0 20px;
    color: var(--mm-text-muted);
}

.mm-comments-admin-filter {
    padding: 16px;
    margin-bottom: 18px;
    border-radius: 20px;
    border: 1px solid rgba(var(--mm-accent-rgb),.40);
    background: rgba(255,255,255,.035);
}

.mm-comments-admin-filter-form {
    display: grid;
    grid-template-columns: 1fr 1fr 170px;
    gap: 12px;
    align-items: end;
}

.mm-comments-admin-filter-form label {
    display: block;
    margin-bottom: 7px;
    color: var(--mm-accent-pale);
    font-weight: 900;
}

.mm-comments-admin-filter-form input,
.mm-comments-admin-filter-form select {
    width: 100%;
    padding: 12px;
    border-radius: 13px;
    border: 1px solid rgba(var(--mm-accent-rgb),.38);
    background: rgba(5,6,16,.88);
    color: var(--mm-text);
}

.mm-comments-admin-count {
    margin-top: 12px;
    color: var(--mm-text-muted);
}

.mm-comments-admin-list {
    display: grid;
    gap: 13px;
}

.mm-admin-comment-row {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 14px !important;
    align-items: stretch !important;

    padding: 16px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.42) !important;
    background: linear-gradient(145deg, rgba(15,18,38,.96), rgba(8,9,20,.98)) !important;
    box-shadow: 0 0 20px rgba(var(--mm-accent-rgb),.12) !important;
}

.mm-admin-comment-row.is-hidden {
    opacity: .62;
}

.mm-admin-comment-box,
.mm-admin-comment-actions {
    min-width: 0;
    min-height: 128px;
    padding: 13px;
    border-radius: 16px;
    border: 1px solid rgba(var(--mm-accent-rgb),.30);
    background: rgba(255,255,255,.025);
}

.mm-admin-comment-actions {
    display: grid;
    gap: 8px;
    align-content: center;
}

.mm-comment-id-line {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
}

.mm-comment-id-line strong {
    color: var(--mm-text-muted);
    font-weight: 900;
}

.mm-comment-id-line span {
    padding: 4px 8px;
    border-radius: 999px;
    border: 1px solid rgba(255,210,63,.55);
    background: rgba(255,210,63,.12);
    color: #ffe38a;
    font-size: 11px;
    font-weight: 900;
}

.mm-comment-user-line,
.mm-parent-user-line {
    display: flex;
    gap: 9px;
    align-items: center;
}

.mm-comment-avatar {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 50%;
    border: 1px solid rgba(var(--mm-accent-rgb),.60);
    background: rgba(var(--mm-accent2-rgb),.14);
    overflow: hidden;
    color: var(--mm-accent-soft);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.mm-comment-avatar.small {
    width: 28px;
    height: 28px;
    min-width: 28px;
}

.mm-comment-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mm-comment-profile-link,
.mm-comment-user-line strong,
.mm-parent-user-line strong,
.mm-admin-comment-box strong,
.user-box strong {
    color: var(--mm-accent-soft);
    font-weight: 900;
    text-decoration: none;
}

.mm-comment-profile-link:hover {
    text-decoration: underline;
    text-shadow: 0 0 10px rgba(var(--mm-accent-rgb),.45);
}

.mm-comment-user-line small,
.mm-parent-user-line small,
.mm-admin-comment-box small {
    display: block;
    margin-top: 3px;
    color: var(--mm-text-muted);
}

.mm-comment-text,
.mm-parent-text {
    margin-top: 9px;
    color: var(--mm-text);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.mm-comment-text em,
.mm-parent-text em {
    color: var(--mm-text-muted);
}

.mm-comment-sticker img,
.mm-parent-sticker img {
    display: block;
    max-width: 145px;
    max-height: 110px;
    object-fit: contain;
    margin-top: 10px;
}

.mm-parent-box {
    margin-top: 12px;
}

.mm-parent-box summary {
    width: fit-content;
    padding: 7px 12px;
    border-radius: 999px;
    border: 1px solid rgba(var(--mm-accent-rgb),.62);
    background: rgba(var(--mm-accent-rgb),.12);
    color: var(--mm-accent-pale);
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
    list-style: none;
}

.mm-parent-box summary::-webkit-details-marker {
    display: none;
}

.mm-parent-inner {
    margin-top: 9px;
    padding: 13px;
    border-radius: 15px;
    border: 1px solid rgba(var(--mm-accent-rgb),.35);
    background: rgba(255,255,255,.04);
}

.project-box > span,
.user-box > span {
    display: block;
    margin-bottom: 5px;
    color: var(--mm-text-muted);
    font-size: 12px;
}

.project-box > strong,
.user-box > a,
.user-box > strong {
    display: block;
    font-size: 20px;
    color: var(--mm-accent-soft);
    font-weight: 900;
    text-decoration: none;
}

.mm-comment-small-buttons {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.mm-comment-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 999px;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

.mm-comment-btn.gradient {
    height: 43px;
    padding: 0 22px;
    border: 1px solid var(--mm-accent-light);
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));
    color: white;
    box-shadow: 0 0 16px rgba(var(--mm-accent-rgb),.24);
}

.mm-comment-btn.outline {
    padding: 7px 11px;
    font-size: 12px;
    border: 1px solid rgba(var(--mm-accent-rgb),.60);
    background: rgba(var(--mm-accent-rgb),.11);
    color: var(--mm-accent-pale);
}

.mm-comment-btn.pink,
.mm-comment-btn.danger,
.mm-comment-btn.warning {
    width: 100%;
    padding: 9px 11px;
    font-size: 13px;
}

.mm-comment-btn.pink {
    border: 1px solid rgba(var(--mm-accent-rgb),.70);
    background: rgba(var(--mm-accent-rgb),.12);
    color: var(--mm-accent-pale);
}

.mm-comment-btn.danger {
    border: 1px solid rgba(255,79,143,.72);
    background: rgba(255,79,143,.14);
    color: var(--mm-pink-soft);
}

.mm-comment-btn.warning {
    border: 1px solid rgba(255,210,63,.65);
    background: rgba(255,210,63,.12);
    color: #ffe38a;
}

.mm-comments-admin-empty {
    padding: 22px;
    color: var(--mm-text-muted);
    border-radius: 18px;
    border: 1px solid rgba(var(--mm-accent-rgb),.35);
}

body {
    overflow-x: hidden !important;
}

@media (max-width: 1050px) {
    .mm-comments-admin-page {
        width: calc(100vw - 34px);
    }

    .mm-comments-admin-filter-form,
    .mm-admin-comment-row {
        grid-template-columns: 1fr !important;
    }
}

/* ADMIN KOMMENTEK - SZEBB 4 OSZLOPOS NÉZET */

.mm-admin-comment-row {
    display: grid !important;
    grid-template-columns: 1.25fr 1fr 1fr 150px !important;
    gap: 28px !important;
    align-items: center !important;

    padding: 22px 26px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.42) !important;
    background: linear-gradient(145deg, rgba(15,18,38,.96), rgba(8,9,20,.98)) !important;
}

.mm-admin-comment-box,
.mm-admin-comment-actions {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    min-height: auto !important;
}

.mm-admin-comment-actions {
    display: grid !important;
    gap: 9px !important;
}

/* RÓLUNK OLDAL */

.about-page {
    width: min(1180px, calc(100vw - 50px));
    margin: 35px auto;
}

.about-hero {
    text-align: center;
    margin-bottom: 34px;
}

.about-hero h1 {
    color: var(--mm-accent-soft);
    font-size: 42px;
    text-shadow: 0 0 16px rgba(var(--mm-accent-rgb),.6);
    margin-bottom: 12px;
}

.about-hero p {
    max-width: 780px;
    margin: 0 auto;
    color: var(--mm-text-soft);
    line-height: 1.7;
    font-size: 17px;
}

.team-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}

.team-card {
    background: linear-gradient(145deg, rgba(18,18,38,.96), rgba(8,9,20,.98));
    border: 1px solid rgba(var(--mm-accent-rgb),.45);
    border-radius: 22px;
    padding: 28px 22px;
    text-align: center;
    box-shadow: 0 0 22px rgba(var(--mm-accent-rgb),.15);
    transition: .25s;
}

.team-card:hover {
    transform: translateY(-4px);
    border-color: rgba(var(--mm-accent-rgb),.8);
    box-shadow: 0 0 28px rgba(var(--mm-accent-rgb),.28);
}

.team-image-wrap {
    width: 170px;
    height: 220px;
    margin: 0 auto 20px;
    border-radius: 12px;
    border: 2px solid rgba(var(--mm-accent-rgb),.55);
    overflow: hidden;
    box-shadow: 0 0 18px rgba(var(--mm-accent-rgb),.25);
    background: var(--mm-surface);
}

.team-image-wrap img,
.team-no-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.team-no-image {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mm-accent-soft);
    font-size: 52px;
}

.team-card h2 {
    color: var(--mm-pink-pale);
    font-size: 27px;
    margin: 0 0 8px;
    text-shadow: 0 0 10px rgba(var(--mm-accent-rgb),.45);
}

.team-role {
    display: inline-flex;
    padding: 7px 14px;
    border-radius: 999px;
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));
    color: white;
    font-weight: 900;
    margin-bottom: 12px;
}

.team-tasks {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;
    margin: 8px 0 14px;
}

.team-tasks span {
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(var(--mm-accent-rgb),.45);
    background: rgba(var(--mm-accent-rgb),.09);
    color: var(--mm-accent-pale);
    font-size: 12px;
    font-weight: bold;
}

.team-bio {
    color: var(--mm-text-soft);
    line-height: 1.6;
    margin: 12px 0;
}

.team-extra {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.team-extra p {
    margin: 8px 0;
    color: var(--mm-text);
    font-size: 14px;
}

.team-extra strong {
    color: var(--mm-accent-soft);
}

/* RÓLUNK ADMIN */

.about-admin-layout {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 22px;
    align-items: start;
}

.about-admin-form {
    position: sticky;
    top: 20px;
}

.about-visible-check {
    display: flex !important;
    align-items: center;
    gap: 9px;
}

.about-visible-check input {
    width: auto !important;
}

.about-current-image img {
    width: 120px;
    height: 150px;
    object-fit: cover;
    border-radius: 12px;
    border: 1px solid rgba(var(--mm-accent-rgb),.45);
    margin-top: 10px;
}

.about-cancel-btn {
    display: block;
    margin-top: 10px;
    text-align: center;
    color: var(--mm-text-soft);
    text-decoration: none;
}

.about-admin-list {
    display: grid;
    gap: 14px;
}

.about-admin-card {
    display: grid;
    grid-template-columns: 72px 1fr auto;
    gap: 14px;
    align-items: center;
    padding: 15px;
    border-radius: 18px;
    border: 1px solid rgba(var(--mm-accent-rgb),.38);
    background: linear-gradient(145deg, rgba(18,18,38,.96), rgba(8,9,20,.98));
}

.about-admin-card.hidden-member {
    opacity: .55;
}

.about-admin-avatar {
    width: 62px;
    height: 62px;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(var(--mm-accent-rgb),.5);
    background: rgba(var(--mm-accent-rgb),.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mm-accent-soft);
}

.about-admin-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-admin-info h3 {
    color: var(--mm-accent-soft);
    margin: 0 0 4px;
}

.about-admin-info p,
.about-admin-info small {
    color: var(--mm-text-soft);
    margin: 0;
}

.about-admin-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    justify-content: flex-end;
}

@media (max-width: 1000px) {
    .team-grid,
    .about-admin-layout {
        grid-template-columns: 1fr;
    }

    .about-admin-form {
        position: static;
    }
}

@media (max-width: 700px) {
    .team-grid {
        grid-template-columns: 1fr;
    }

    .about-admin-card {
        grid-template-columns: 1fr;
    }

    .about-admin-actions {
        justify-content: flex-start;
    }
}

/* RÓLUNK OLDAL JAVÍTÁS */

.about-page {
    width: min(1180px, calc(100vw - 50px));
    margin: 35px auto;
}

.about-hero {
    text-align: center;
    margin-bottom: 34px;
}

.about-hero h1 {
    color: var(--mm-accent-soft);
    font-size: 42px;
    text-shadow: 0 0 16px rgba(var(--mm-accent-rgb),.6);
    margin-bottom: 12px;
}

.about-hero p {
    max-width: 780px;
    margin: 0 auto;
    color: var(--mm-text-soft);
    line-height: 1.7;
    font-size: 17px;
}

.team-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}

.team-card {
    background: linear-gradient(145deg, rgba(18,18,38,.96), rgba(8,9,20,.98));
    border: 1px solid rgba(var(--mm-accent-rgb),.45);
    border-radius: 22px;
    padding: 28px 22px;
    text-align: center;
    box-shadow: 0 0 22px rgba(var(--mm-accent-rgb),.15);
}

.team-image-wrap {
    width: 170px;
    height: 220px;
    margin: 0 auto 20px;
    border-radius: 12px;
    border: 2px solid rgba(var(--mm-accent-rgb),.55);
    overflow: hidden;
    background: var(--mm-surface);
}

.team-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.team-card h2 {
    color: var(--mm-pink-pale);
    font-size: 27px;
    margin: 0 0 8px;
}

.team-role {
    display: inline-flex;
    padding: 7px 14px;
    border-radius: 999px;
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));
    color: white;
    font-weight: 900;
    margin-bottom: 12px;
}

.team-tasks {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;
    margin: 8px 0 14px;
}

.team-tasks span {
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(var(--mm-accent-rgb),.45);
    background: rgba(var(--mm-accent-rgb),.09);
    color: var(--mm-accent-pale);
    font-size: 12px;
    font-weight: bold;
}

.team-bio {
    color: var(--mm-text-soft);
    line-height: 1.6;
    margin: 12px 0;
}

.team-extra {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.team-extra p {
    margin: 8px 0;
    color: var(--mm-text);
    font-size: 14px;
}

@media (max-width: 1000px) {
    .team-grid {
        grid-template-columns: 1fr;
    }
}

/* RÓLUNK KÉP KÉNYSZERÍTETT MÉRET */

.about-page .team-card .team-image-wrap {
    width: 170px !important;
    height: 220px !important;
    max-width: 170px !important;
    max-height: 220px !important;
    margin: 0 auto 20px !important;
    overflow: hidden !important;
}

.about-page .team-card .team-image-wrap img {
    width: 170px !important;
    height: 220px !important;
    max-width: 170px !important;
    max-height: 220px !important;
    object-fit: cover !important;
    display: block !important;
}

.about-page .team-card {
    max-width: 320px !important;
    margin: 0 auto !important;
}


/* =========================================================
   RÓLUNK OLDAL - VÉGLEGES, KÜLÖN OSZTÁLYOKKAL
========================================================= */

.mm-about-page {
    width: min(1180px, calc(100vw - 50px)) !important;
    margin: 35px auto !important;
}

.mm-about-hero {
    text-align: center !important;
    margin-bottom: 34px !important;
}

.mm-about-hero h1 {
    color: var(--mm-accent-soft) !important;
    font-size: 42px !important;
    text-shadow: 0 0 16px rgba(var(--mm-accent-rgb),.6) !important;
    margin: 0 0 12px !important;
}

.mm-about-hero p {
    max-width: 780px !important;
    margin: 0 auto !important;
    color: var(--mm-text-soft) !important;
    line-height: 1.7 !important;
    font-size: 17px !important;
}

.mm-team-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 26px !important;
    align-items: stretch !important;
}

.mm-team-card {
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
    padding: 28px 22px !important;
    text-align: center !important;
    border-radius: 22px !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.45) !important;
    background: linear-gradient(145deg, rgba(18,18,38,.96), rgba(8,9,20,.98)) !important;
    box-shadow: 0 0 22px rgba(var(--mm-accent-rgb),.15) !important;
    transition: .25s ease !important;
    overflow: hidden !important;
}

.mm-team-card:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(var(--mm-accent-rgb),.8) !important;
    box-shadow: 0 0 28px rgba(var(--mm-accent-rgb),.28) !important;
}

.mm-team-image-wrap {
    width: 170px !important;
    height: 220px !important;
    max-width: 170px !important;
    max-height: 220px !important;
    margin: 0 auto 20px !important;
    border-radius: 12px !important;
    border: 2px solid rgba(var(--mm-accent-rgb),.55) !important;
    overflow: hidden !important;
    background: var(--mm-surface) !important;
    box-shadow: 0 0 18px rgba(var(--mm-accent-rgb),.25) !important;
    display: block !important;
}

.mm-team-image-wrap img {
    width: 170px !important;
    height: 220px !important;
    max-width: 170px !important;
    max-height: 220px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 !important;
}

.mm-team-no-image {
    width: 170px !important;
    height: 220px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--mm-accent-soft) !important;
    font-size: 52px !important;
}

.mm-team-card h2 {
    color: var(--mm-pink-pale) !important;
    font-size: 27px !important;
    margin: 0 0 8px !important;
    text-shadow: 0 0 10px rgba(var(--mm-accent-rgb),.45) !important;
}

.mm-team-role {
    display: inline-flex !important;
    padding: 7px 14px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2)) !important;
    color: white !important;
    font-weight: 900 !important;
    margin: 0 0 12px !important;
}

.mm-team-tasks {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin: 8px 0 14px !important;
}

.mm-team-tasks span {
    padding: 6px 10px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(var(--mm-accent-rgb),.45) !important;
    background: rgba(var(--mm-accent-rgb),.09) !important;
    color: var(--mm-accent-pale) !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

.mm-team-bio {
    color: var(--mm-text-soft) !important;
    line-height: 1.6 !important;
    margin: 12px 0 !important;
    font-size: 15px !important;
}

.mm-team-extra {
    margin-top: 14px !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
}

.mm-team-extra p {
    margin: 8px 0 !important;
    color: var(--mm-text) !important;
    font-size: 14px !important;
}

.mm-team-extra strong {
    color: var(--mm-accent-soft) !important;
}

@media (max-width: 1000px) {
    .mm-team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 650px) {
    .mm-team-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Kezdőlap státusz címkék egységes erőssége */
.latest-status {
    opacity: 1 !important;
    filter: none !important;
    color: #fff !important;
    font-weight: 900 !important;
    text-shadow: 0 1px 4px rgba(0,0,0,.45) !important;
    box-shadow: 0 0 14px rgba(var(--mm-accent-rgb),.45) !important;
}

.latest-status.status-folyamatban {
    background: linear-gradient(135deg, #2ee88a, #26c96f) !important;
}

.latest-status.status-befejezett {
    background: linear-gradient(135deg, var(--mm-accent-2), #8f5bff) !important;
}

.latest-status.status-szunetel {
    background: linear-gradient(135deg, #ff6f91, #ff4f7b) !important;
}

.latest-status.status-tervezett {
    background: linear-gradient(135deg, #5fd3ff, #6f8cff) !important;
}

/* =========================================================
   KEZDŐLAP STÁTUSZ CÍMKÉK = PROJEKTEK OLDAL STÍLUSA
   Ez a blokk maradjon a style.css legvégén.
========================================================= */

.latest-cover-link .latest-status,
.latest-card-new .latest-status {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 6 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: max-content !important;

    padding: 6px 10px !important;
    border-radius: 999px !important;

    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-transform: none !important;

    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;

    border: 0 !important;
    text-shadow: none !important;
}

/* Folyamatban - ugyanaz, mint a Projektek oldalon */
.latest-cover-link .latest-status.status-folyamatban,
.latest-card-new .latest-status.status-folyamatban {
    background: linear-gradient(135deg, #32d96b, #22b957) !important;
    box-shadow: 0 0 14px rgba(50,217,107,.35) !important;
}

/* Befejezett - ugyanaz a lilás badge */
.latest-cover-link .latest-status.status-befejezett,
.latest-card-new .latest-status.status-befejezett {
    background: linear-gradient(135deg, var(--mm-accent), var(--mm-accent-2)) !important;
    box-shadow: 0 0 10px rgba(var(--mm-accent-rgb),.35) !important;
}

/* Szünetel */
.latest-cover-link .latest-status.status-szunetel,
.latest-card-new .latest-status.status-szunetel {
    background: linear-gradient(135deg, #ff7b7b, #ff4f7b) !important;
    box-shadow: 0 0 14px rgba(255,79,123,.35) !important;
}

/* Tervezett */
.latest-cover-link .latest-status.status-tervezett,
.latest-card-new .latest-status.status-tervezett {
    background: linear-gradient(135deg, var(--mm-accent-2), #7c4dff) !important;
    box-shadow: 0 0 14px rgba(var(--mm-accent2-rgb),.35) !important;
}

/* =========================================================
   PROFIL FELHASZNÁLÓNÉV - VÉGLEGES JAVÍTÁS
   Rövid név nagy, hosszú név kisebb és szépen középen marad.
   Ez a blokk maradjon a style.css legvégén.
========================================================= */

.profile-left-card {
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.profile-left-card h1,
.profile-left-card .profile-name-normal,
.profile-left-card .profile-name-long {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 22px auto !important;
    padding: 0 12px !important;
    text-align: center !important;
    color: var(--mm-accent-soft) !important;
    text-shadow: 0 0 12px rgba(var(--mm-accent-rgb),.65) !important;
}

/* Rövid / normál felhasználónév */
.profile-left-card .profile-name-normal {
    font-size: 38px !important;
    line-height: 1.12 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Hosszú felhasználónév */
.profile-left-card .profile-name-long {
    font-size: 28px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    hyphens: none !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Ha valamiért mégsem kerülne rá külön class, ez legyen biztonsági alap */
.profile-left-card h1:not(.profile-name-normal):not(.profile-name-long) {
    font-size: 32px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

@media (max-width: 700px) {
    .profile-left-card .profile-name-normal {
        font-size: 34px !important;
    }

    .profile-left-card .profile-name-long {
        font-size: 25px !important;
    }
}

/* =========================================================
   KÁRTYASZÁM / RÁCS – VÉGSŐ FELÜLÍRÁS
   Kezdőlap: 15 kártya = 3 × 5
   Projektek: 20 kártya = 4 × 5
========================================================= */

@media (min-width: 1200px) {
    .latest-grid {
        grid-template-columns: repeat(5, minmax(0, 260px)) !important;
        justify-content: center !important;
    }

    .projects-grid {
        grid-template-columns: repeat(5, minmax(0, 220px)) !important;
        justify-content: center !important;
    }
}

@media (min-width: 941px) and (max-width: 1199px) {
    .latest-grid,
    .projects-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 701px) and (max-width: 940px) {
    .latest-grid,
    .projects-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 521px) and (max-width: 700px) {
    .latest-grid,
    .projects-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 520px) {
    .latest-grid,
    .projects-grid {
        grid-template-columns: 1fr !important;
    }
}



/* =========================================================
   KÜLÖN MOBIL FEJLÉC – NEM HASZNÁLJA AZ ASZTALI MENÜT
========================================================= */

.mobile-site-header,
.mobile-nav-drawer,
.mobile-nav-backdrop {
    display: none;
}

@media (max-width: 900px) {
    .desktop-site-header {
        display: none !important;
    }

    body.mobile-navigation-open {
        overflow: hidden !important;
    }

    .mobile-site-header {
        position: sticky !important;
        top: 0 !important;
        z-index: 3000 !important;
        width: 100% !important;
        height: 64px !important;
        padding: 0 12px !important;
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) 42px !important;
        align-items: center !important;
        gap: 8px !important;
        background:
            linear-gradient(90deg, rgba(var(--mm-bg-rgb),.98), rgba(17,19,40,.98), rgba(var(--mm-bg-rgb),.98)) !important;
        border-bottom: 1px solid rgba(var(--mm-accent-rgb),.72) !important;
        box-shadow: 0 4px 18px rgba(0,0,0,.32), 0 0 14px rgba(var(--mm-accent-rgb),.22) !important;
    }

    .mobile-nav-toggle,
    .mobile-notification-btn {
        width: 40px !important;
        height: 40px !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 12px !important;
        border: 1px solid rgba(var(--mm-accent-rgb),.48) !important;
        background: rgba(var(--mm-accent-rgb),.09) !important;
        color: #ffd8f2 !important;
        text-decoration: none !important;
        font-size: 18px !important;
        box-shadow: none !important;
    }

    .mobile-nav-toggle {
        cursor: pointer !important;
    }

    .mobile-notification-btn {
        position: relative !important;
        justify-self: end !important;
    }

    .mobile-notification-btn .header-notification-badge {
        position: absolute !important;
        top: -5px !important;
        right: -5px !important;
        min-width: 20px !important;
        height: 20px !important;
        padding: 0 5px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 999px !important;
        background: var(--mm-hot-accent) !important;
        color: #fff !important;
        font-size: 11px !important;
        font-weight: 900 !important;
    }

    .mobile-brand {
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        text-decoration: none !important;
        overflow: hidden !important;
    }

    .mobile-brand img {
        width: 42px !important;
        height: 42px !important;
        flex: 0 0 42px !important;
        object-fit: contain !important;
        filter: drop-shadow(0 0 8px rgba(var(--mm-accent-rgb),.42)) !important;
    }

    .mobile-brand span {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        color: var(--mm-accent-soft) !important;
        font-size: clamp(17px, 5vw, 22px) !important;
        line-height: 1 !important;
        font-weight: 900 !important;
        text-shadow: 0 0 8px rgba(var(--mm-accent-rgb),.35) !important;
    }

    .mobile-nav-backdrop {
        position: fixed !important;
        inset: 0 !important;
        z-index: 3098 !important;
        display: block !important;
        background: rgba(0,0,0,.68) !important;
        backdrop-filter: blur(3px) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: opacity .22s ease, visibility .22s ease !important;
    }

    .mobile-nav-backdrop.is-visible {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .mobile-nav-drawer {
        position: fixed !important;
        inset: 0 auto 0 0 !important;
        z-index: 3099 !important;
        width: min(86vw, 340px) !important;
        height: 100dvh !important;
        padding: 16px !important;
        display: flex !important;
        flex-direction: column !important;
        overflow-y: auto !important;
        background:
            radial-gradient(circle at top left, rgba(var(--mm-accent-rgb),.16), transparent 34%),
            linear-gradient(180deg, var(--mm-surface-2) 0%, #090a18 100%) !important;
        border-right: 1px solid rgba(var(--mm-accent-rgb),.45) !important;
        box-shadow: 15px 0 35px rgba(0,0,0,.48) !important;
        transform: translateX(-105%) !important;
        transition: transform .24s ease !important;
    }

    .mobile-nav-drawer.is-open {
        transform: translateX(0) !important;
    }

    .mobile-nav-drawer-head {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        padding-bottom: 15px !important;
        border-bottom: 1px solid rgba(255,255,255,.08) !important;
    }

    .mobile-nav-drawer-brand {
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }

    .mobile-nav-drawer-brand img {
        width: 46px !important;
        height: 46px !important;
        object-fit: contain !important;
    }

    .mobile-nav-drawer-brand div {
        min-width: 0 !important;
    }

    .mobile-nav-drawer-brand strong,
    .mobile-nav-drawer-brand small {
        display: block !important;
    }

    .mobile-nav-drawer-brand strong {
        color: var(--mm-accent-soft) !important;
        font-size: 18px !important;
        white-space: nowrap !important;
    }

    .mobile-nav-drawer-brand small {
        margin-top: 3px !important;
        color: var(--mm-text-muted) !important;
    }

    .mobile-nav-close {
        width: 38px !important;
        height: 38px !important;
        padding: 0 !important;
        flex: 0 0 38px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        border: 1px solid rgba(var(--mm-accent-rgb),.45) !important;
        background: rgba(var(--mm-accent-rgb),.08) !important;
        color: #ffd8f2 !important;
        font-size: 18px !important;
    }

    .mobile-nav-links {
        margin-top: 15px !important;
        display: grid !important;
        gap: 8px !important;
    }

    .mobile-nav-links a {
        width: 100% !important;
        min-height: 48px !important;
        padding: 10px 12px !important;
        display: grid !important;
        grid-template-columns: 32px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 9px !important;
        border-radius: 13px !important;
        border: 1px solid rgba(var(--mm-accent-rgb),.18) !important;
        background: rgba(255,255,255,.025) !important;
        color: var(--mm-pink-pale) !important;
        text-decoration: none !important;
        font-size: 15px !important;
        font-weight: 900 !important;
        line-height: 1.2 !important;
    }

    .mobile-nav-links a i {
        text-align: center !important;
        color: var(--mm-pink-light) !important;
        font-size: 17px !important;
    }

    .mobile-nav-links a:active {
        border-color: rgba(var(--mm-accent-rgb),.55) !important;
        background: linear-gradient(135deg, rgba(var(--mm-accent-rgb),.17), rgba(var(--mm-accent2-rgb),.17)) !important;
    }

    .mobile-nav-divider {
        height: 1px !important;
        margin: 16px 0 0 !important;
        background: rgba(255,255,255,.08) !important;
    }

    .page {
        width: 100% !important;
        max-width: 100% !important;
        margin: 22px auto !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}

@media (max-width: 380px) {
    .mobile-site-header {
        grid-template-columns: 40px minmax(0, 1fr) 40px !important;
        padding: 0 8px !important;
    }

    .mobile-nav-toggle,
    .mobile-notification-btn {
        width: 38px !important;
        height: 38px !important;
    }

    .mobile-brand img {
        width: 38px !important;
        height: 38px !important;
        flex-basis: 38px !important;
    }

    .mobile-brand span {
        font-size: 16px !important;
    }
}


/* =========================================================
   ADMIN VEZÉRLŐPULT – MOBILNÉZET
   ========================================================= */
@media (max-width: 768px) {
    .admin-title {
        width: 100% !important;
        margin: 28px 0 24px !important;
        padding: 0 4px !important;
        font-size: clamp(28px, 9vw, 40px) !important;
        line-height: 1.08 !important;
        letter-spacing: 2px !important;
        overflow-wrap: anywhere !important;
    }

    .admin-dashboard-grid {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
        overflow: visible !important;
    }

    .admin-dashboard-grid .admin-card {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 128px !important;
        padding: 16px 10px !important;
        box-sizing: border-box !important;
        border-radius: 18px !important;
        font-size: clamp(15px, 4.4vw, 18px) !important;
        line-height: 1.25 !important;
        letter-spacing: .2px !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
        text-align: center !important;
    }
}

@media (max-width: 420px) {
    .admin-title {
        margin-top: 22px !important;
        margin-bottom: 20px !important;
        font-size: clamp(27px, 9vw, 34px) !important;
        letter-spacing: 1.5px !important;
    }

    .admin-dashboard-grid {
        gap: 11px !important;
    }

    .admin-dashboard-grid .admin-card {
        min-height: 116px !important;
        padding: 13px 7px !important;
        border-radius: 16px !important;
        font-size: clamp(14px, 4.2vw, 17px) !important;
    }
}

/* Keskeny asztali kijelzőn a sarokvirág ne lógjon rá az első tartalmi elemre. */
@media (min-width: 1001px) and (max-width: 1380px) {
    .site-header > .header-flower {
        top: -6px !important;
        right: 18px !important;
        height: 125px !important;
    }

    .site-header .user-nav {
        margin-right: 75px;
    }
}

/* =========================================================
   UJ, EGYSOROS ASZTALI FEJLEC
   Csak valodi laptop/asztali szelessegen ervenyes.
   A mobilos es tabletes fejlecet nem irja felul.
   ========================================================= */
@media (min-width: 1001px) and (pointer: fine) {
    .site-header {
        height: 96px !important;
        overflow: visible !important;
    }

    .site-header .header-inner {
        box-sizing: border-box;
        width: 100%;
        height: 96px;
        margin: 0;
        padding: 0 42px;
        display: grid;
        grid-template-columns: minmax(300px, 1fr) auto minmax(300px, 1fr);
        column-gap: 18px;
        align-items: center;
    }

    .site-header .logo-wrap {
        justify-self: start;
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 0;
        min-width: 0;
    }

    .site-header .logo-wrap img {
        width: 80px;
        height: 80px;
        flex: 0 0 80px;
    }

    .site-header .logo-wrap span {
        font-size: 30px;
        line-height: 1;
        white-space: nowrap;
    }

    .site-header .main-nav {
        justify-self: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        gap: 18px;
        margin: 0;
        min-width: max-content;
    }

    .site-header .user-nav {
        justify-self: stretch;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: nowrap;
        gap: 12px;
        margin: 0 65px 0 0;
        min-width: 0;
    }

    .site-header .main-nav a,
    .site-header .user-nav a {
        margin: 0;
        font-size: 17px !important;
        line-height: 1.2;
        white-space: nowrap;
    }

    .site-header > .header-flower {
        display: block !important;
        top: -10px !important;
        right: 42px !important;
        width: auto !important;
        height: 165px !important;
        max-width: none !important;
        pointer-events: none !important;
    }
}

/* Keskeny asztali/laptop kijelzők 1001–1380 px között:
   három stabil fejlécblokk, hogy a menü ne tömörödjön a logóhoz. */
@media (min-width: 1001px) and (max-width: 1380px) and (pointer: fine) {
    .site-header .header-inner {
        padding: 0 28px;
        grid-template-columns: 380px minmax(0, 1fr) 330px;
        column-gap: 10px;
    }

    .site-header .logo-wrap {
        gap: 9px;
    }

    .site-header .logo-wrap img {
        width: 72px;
        height: 72px;
        flex-basis: 72px;
    }

    .site-header .logo-wrap span {
        font-size: 27px;
    }

    .site-header .main-nav {
        gap: 13px;
    }

    .site-header .user-nav {
        gap: 10px;
        margin-right: 55px;
    }

    .site-header .main-nav a,
    .site-header .user-nav a {
        font-size: 16px !important;
    }

    .site-header > .header-flower {
        top: -6px !important;
        right: 28px !important;
        height: 150px !important;
    }
}


/* =========================================================
   MOBIL – TERMÉSZETES SZÖVEGTÖRÉS (2026-07-14)
   Csak megjelenítés: a működést és az asztali nézetet nem érinti.
   ========================================================= */
@media (max-width: 768px) {
    /* A mobilos tartalmi elemek ne tudják szétnyomni a kártyáikat. */
    .page,
    .page main,
    .page section,
    .page article,
    .page .card,
    .page [class*="card"],
    .page [class*="content"],
    .page [class*="text"],
    .page [class*="description"],
    .page [class*="info"] {
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Normál mondatok: elsősorban szóköznél törjenek, hosszú link/szó se lógjon ki. */
    .page p,
    .page li,
    .page dd,
    .page blockquote,
    .page label,
    .page small,
    .page .description,
    .page .project-description,
    .page .announcement-text,
    .page .notification-text,
    .page .message-text,
    .page .comment-text,
    .page .faq-answer,
    .page [class*="description"],
    .page [class*="-text"] {
        white-space: normal;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        hyphens: none !important;
        text-wrap: pretty;
    }

    /* Címek: kiegyensúlyozottabb sorhossz, szóköz nélküli cím sem lóg ki. */
    .page h1,
    .page h2,
    .page h3,
    .page h4,
    .page h5,
    .page h6,
    .page .title,
    .page [class$="-title"],
    .page [class*="-title-"],
    .page [class*="title"] {
        min-width: 0 !important;
        max-width: 100% !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        hyphens: none !important;
        text-wrap: balance;
    }

    /* E-mail-címek, URL-ek és egyéb hosszú, egybefüggő értékek biztonsági törése. */
    .page a,
    .page .email,
    .page .url,
    .page [class*="email"],
    .page [class*="link"] {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    /* A gombfeliratok maradjanak természetesek, ne törjenek betűnként. */
    .page button,
    .page .btn,
    .page [class*="button"],
    .page [class*="-btn"] {
        word-break: normal !important;
        overflow-wrap: break-word !important;
        hyphens: none !important;
        text-wrap: balance;
    }

    /* A felhasználó által megadott sortörést használó szövegek megtartják az Entereket. */
    .page .comment-body,
    .page .comment-content,
    .page .user-message,
    .page .announcement-body {
        white-space: pre-wrap !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
    }
}


/* ============================================================
   KÉK ÉJSZAKA – KIMARADT INTERAKTÍV ELEMEK
   Csak data-theme="blue" alatt érvényes; az alap téma változatlan.
   ============================================================ */
html[data-theme="blue"] .like-btn,
html[data-theme="blue"] .chapter-like-btn,
html[data-theme="blue"] .reader-like-btn,
html[data-theme="blue"] .reaction-btn.active,
html[data-theme="blue"] .reaction-btn.selected,
html[data-theme="blue"] .back-to-top,
html[data-theme="blue"] #backToTop,
html[data-theme="blue"] .scroll-top-btn {
    background: linear-gradient(135deg, var(--mm-accent), var(--mm-accent-2)) !important;
    border-color: var(--mm-accent-light) !important;
    color: #fff !important;
    box-shadow: 0 0 14px rgba(var(--mm-accent-rgb), .42) !important;
}

html[data-theme="blue"] .like-btn:hover,
html[data-theme="blue"] .chapter-like-btn:hover,
html[data-theme="blue"] .reader-like-btn:hover,
html[data-theme="blue"] .comment-like-btn.liked:hover,
html[data-theme="blue"] .back-to-top:hover,
html[data-theme="blue"] #backToTop:hover,
html[data-theme="blue"] .scroll-top-btn:hover {
    box-shadow: 0 0 20px rgba(var(--mm-accent-rgb), .62) !important;
}

/* A szív/emoji saját színét nem módosítjuk; csak a körülötte lévő felületet. */


/* Lehulló virágok: a dísz színe követi a témát. */
html[data-theme="blue"] #petalContainer .petal,
html[data-theme="blue"] .petal {
    filter: hue-rotate(125deg) saturate(1.35) brightness(1.08);
}


/* ============================================================
   KÉK ÉJSZAKA – PONTOS INTERAKTÍV SZÍNFELÜLÍRÁSOK
   ============================================================ */
html[data-theme="blue"] .chapter-like-btn.liked,
html[data-theme="blue"] .reader-like-top.liked,
html[data-theme="blue"] .reader-like-top:hover,
html[data-theme="blue"] .reader-like-round.liked,
html[data-theme="blue"] .reader-like-round.liked:hover,
html[data-theme="blue"] .comment-like-btn.liked,
html[data-theme="blue"] .comment-like-btn.liked:hover {
    background: linear-gradient(135deg, #3c96f4, #2667c9) !important;
    background-image: linear-gradient(135deg, #3c96f4, #2667c9) !important;
    border-color: #79bdff !important;
    box-shadow: 0 0 18px rgba(60,150,244,.42) !important;
    filter: none !important;
}

html[data-theme="blue"] .reader-like-top,
html[data-theme="blue"] .reader-like-round,
html[data-theme="blue"] .comment-like-btn {
    border-color: #3c96f4 !important;
    color: #9ed2ff !important;
}

html[data-theme="blue"] .mm-reader-to-top {
    border-color: rgba(121,189,255,.78) !important;
    background: linear-gradient(135deg, rgba(60,150,244,.96), rgba(38,103,201,.96)) !important;
    box-shadow: 0 8px 24px rgba(60,150,244,.34) !important;
}

html[data-theme="blue"] .mm-reader-to-top:hover,
html[data-theme="blue"] .mm-reader-to-top:focus-visible {
    box-shadow: 0 10px 28px rgba(60,150,244,.52) !important;
}

html[data-theme="blue"] #petalContainer .petal,
html[data-theme="blue"] .petal {
    color: #79bdff !important;
    filter: none !important;
    text-shadow: 0 0 7px rgba(60,150,244,.70) !important;
    font-family: Arial, "Segoe UI Symbol", sans-serif !important;
}


/* ============================================================
   KÉK ÉJSZAKA – PROJEKT/OLVASÓ JELVÉNYEK
   ============================================================ */
html[data-theme="blue"] .chapter18 {
    background: linear-gradient(135deg, #3c96f4, #2667c9) !important;
    border-color: #79bdff !important;
    color: #fff !important;
    box-shadow: 0 0 12px rgba(60,150,244,.45) !important;
}

html[data-theme="blue"] .chapter-read-check {
    background: linear-gradient(135deg, #3c96f4, #2667c9) !important;
    border-color: #79bdff !important;
    color: #fff !important;
    box-shadow: 0 0 12px rgba(60,150,244,.45) !important;
}


html[data-theme="blue"] .mm-mobile-brand img {
    content: url("/assets/images/logo-blue.png");
    filter: drop-shadow(0 0 8px rgba(60,150,244,.42)) !important;
}


/* ============================================================
   KÉK ÉJSZAKA – UTOLSÓ RÓZSASZÍN FELÜLETEK
   ============================================================ */

/* Kezdőlap: Összes projekt */
html[data-theme="blue"] .latest-all-btn,
html[data-theme="blue"] .all-projects-btn,
html[data-theme="blue"] a[href*="projects.php"].latest-all,
html[data-theme="blue"] .latest-section .btn-outline {
    border-color: #3c96f4 !important;
    color: #9ed2ff !important;
    background: rgba(60,150,244,.08) !important;
    box-shadow: 0 0 12px rgba(60,150,244,.16) !important;
}
html[data-theme="blue"] .latest-all-btn:hover,
html[data-theme="blue"] .all-projects-btn:hover,
html[data-theme="blue"] a[href*="projects.php"].latest-all:hover,
html[data-theme="blue"] .latest-section .btn-outline:hover {
    background: linear-gradient(135deg,#3c96f4,#2667c9) !important;
    color: #fff !important;
    box-shadow: 0 0 18px rgba(60,150,244,.42) !important;
}

/* Szirom kapcsoló: keret + virágjel */
html[data-theme="blue"] #petalToggle,
html[data-theme="blue"] .petal-toggle,
html[data-theme="blue"] .petal-toggle-btn {
    border-color: #3c96f4 !important;
    color: #9ed2ff !important;
    background: rgba(6,25,48,.88) !important;
    box-shadow: 0 0 12px rgba(60,150,244,.18) !important;
}
html[data-theme="blue"] #petalToggle .petal-icon,
html[data-theme="blue"] .petal-toggle .petal-icon,
html[data-theme="blue"] .petal-toggle-btn .petal-icon {
    color: #79bdff !important;
    filter: none !important;
    text-shadow: 0 0 7px rgba(60,150,244,.65) !important;
}

/* Projektadatlap: még nem kedvelt szívpanel */
html[data-theme="blue"] .project-like-btn:not(.liked),
html[data-theme="blue"] .project-like:not(.liked),
html[data-theme="blue"] .project-sidebar .like-btn:not(.liked),
html[data-theme="blue"] .project-actions .like-btn:not(.liked) {
    border-color: #3c96f4 !important;
    background: rgba(60,150,244,.08) !important;
    color: #9ed2ff !important;
    box-shadow: none !important;
}
html[data-theme="blue"] .project-like-btn:not(.liked):hover,
html[data-theme="blue"] .project-like:not(.liked):hover,
html[data-theme="blue"] .project-sidebar .like-btn:not(.liked):hover,
html[data-theme="blue"] .project-actions .like-btn:not(.liked):hover {
    background: rgba(60,150,244,.16) !important;
    box-shadow: 0 0 14px rgba(60,150,244,.28) !important;
}

/* Projektadatlap: Elolvasva panel */
html[data-theme="blue"] .project-read-btn,
html[data-theme="blue"] .project-read,
html[data-theme="blue"] .project-sidebar .read-btn,
html[data-theme="blue"] .project-actions .read-btn,
html[data-theme="blue"] .project-sidebar .read-toggle {
    border-color: #3c96f4 !important;
    background: rgba(60,150,244,.08) !important;
    color: #9ed2ff !important;
    box-shadow: none !important;
}
html[data-theme="blue"] .project-read-btn.active,
html[data-theme="blue"] .project-read.active,
html[data-theme="blue"] .project-sidebar .read-btn.active,
html[data-theme="blue"] .project-actions .read-btn.active,
html[data-theme="blue"] .project-sidebar .read-toggle.active {
    background: linear-gradient(135deg,#3c96f4,#2667c9) !important;
    border-color: #79bdff !important;
    color: #fff !important;
    box-shadow: 0 0 16px rgba(60,150,244,.36) !important;
}

/* Projektadatlap: műfajcímkék */
html[data-theme="blue"] .genre-tag,
html[data-theme="blue"] .genre-badge,
html[data-theme="blue"] .genres span,
html[data-theme="blue"] .project-genres span,
html[data-theme="blue"] .meta-genres span {
    border-color: #4aa2f5 !important;
    background: rgba(60,150,244,.13) !important;
    color: #b8ddff !important;
    box-shadow: 0 0 10px rgba(60,150,244,.12) !important;
}


/* ============================================================
   KÉK ÉJSZAKA – PROJECT.PHP PONTOS FELÜLÍRÁSOK
   A project.php tényleges osztálynevei alapján.
   ============================================================ */

/* Nem kedvelt projekt-szív panel */
html[data-theme="blue"] .cover-card .action-btn.project-like-main:not(.liked) {
    border-color: #3c96f4 !important;
    background: rgba(60,150,244,.08) !important;
    color: #9ed2ff !important;
    box-shadow: 0 0 10px rgba(60,150,244,.15) !important;
}

html[data-theme="blue"] .cover-card .action-btn.project-like-main:not(.liked):hover {
    border-color: #79bdff !important;
    background: rgba(60,150,244,.16) !important;
    box-shadow: 0 0 16px rgba(60,150,244,.30) !important;
}

/* Elolvasva gomb – a project.php-ban sima .action-btn button */
html[data-theme="blue"] .cover-card button.action-btn {
    border-color: #3c96f4 !important;
    background: rgba(60,150,244,.08) !important;
    color: #9ed2ff !important;
    box-shadow: 0 0 10px rgba(60,150,244,.15) !important;
}

/* Műfaj-buborékok */
html[data-theme="blue"] .info-card .genre-bubble {
    border-color: #4aa2f5 !important;
    background: rgba(60,150,244,.13) !important;
    color: #b8ddff !important;
    box-shadow: 0 0 10px rgba(60,150,244,.12) !important;
}


/* ============================================================
   KÉK ÉJSZAKA – BEJELENTKEZÉS / REGISZTRÁCIÓ / JELSZÓ OLDALAK
   A mentett mmTheme beállítást ezeken az auth oldalakon is követi.
   ============================================================ */
html[data-theme="blue"] .auth-page-pretty {
    color: var(--mm-text) !important;
}

html[data-theme="blue"] .auth-brand h1,
html[data-theme="blue"] .auth-card-pretty h2 {
    color: var(--mm-accent-soft) !important;
    text-shadow: 0 0 12px rgba(var(--mm-accent-rgb), .45) !important;
}

/* Az auth oldal nagy emblémája is a többárnyalatú kék változat legyen. */
html[data-theme="blue"] .auth-brand img {
    content: url("/assets/images/logo-blue.png") !important;
    filter: drop-shadow(0 0 12px rgba(var(--mm-accent-rgb), .42)) !important;
}

html[data-theme="blue"] .auth-divider,
html[data-theme="blue"] .auth-card-pretty {
    border-color: rgba(var(--mm-accent-rgb), .52) !important;
}

html[data-theme="blue"] .auth-card-pretty {
    background:
        radial-gradient(circle at top, rgba(var(--mm-accent-rgb), .10), transparent 42%),
        linear-gradient(145deg, rgba(8,24,43,.96), rgba(3,11,22,.98)) !important;
    box-shadow:
        0 0 24px rgba(var(--mm-accent-rgb), .18),
        inset 0 0 22px rgba(var(--mm-accent2-rgb), .05) !important;
}

html[data-theme="blue"] .auth-card-pretty label,
html[data-theme="blue"] .remember-check {
    color: var(--mm-text) !important;
}

html[data-theme="blue"] .auth-input-icon input {
    border-color: rgba(var(--mm-accent-rgb), .48) !important;
    background: linear-gradient(90deg, #edf6ff, #dbeaff) !important;
    color: #071629 !important;
    box-shadow: inset 0 0 12px rgba(60,150,244,.07) !important;
}

html[data-theme="blue"] .auth-input-icon > i,
html[data-theme="blue"] .password-eye,
html[data-theme="blue"] .auth-options-row a,
html[data-theme="blue"] .auth-link a,
html[data-theme="blue"] .auth-outline-btn i {
    color: var(--mm-accent-light) !important;
}

html[data-theme="blue"] .auth-gradient-btn {
    background: linear-gradient(135deg, #258df2, #3c96f4, #79bdff) !important;
    color: #061323 !important;
    box-shadow: 0 0 20px rgba(var(--mm-accent-rgb), .35) !important;
}

html[data-theme="blue"] .auth-gradient-btn:hover {
    box-shadow: 0 0 28px rgba(var(--mm-accent-rgb), .55) !important;
}

html[data-theme="blue"] .auth-or span {
    background: linear-gradient(90deg, transparent, rgba(121,189,255,.78), transparent) !important;
}

html[data-theme="blue"] .auth-outline-btn {
    border-color: rgba(121,189,255,.72) !important;
    color: var(--mm-accent-soft) !important;
    background: rgba(6,19,35,.52) !important;
}

html[data-theme="blue"] .auth-outline-btn:hover {
    background: rgba(var(--mm-accent-rgb), .12) !important;
    box-shadow: 0 0 18px rgba(var(--mm-accent-rgb), .25) !important;
}

/* Auth oldalak alja/lábléce is illeszkedjen a kék módhoz. */
html[data-theme="blue"] .site-footer {
    border-top-color: rgba(var(--mm-accent-rgb), .45) !important;
    color: var(--mm-text-soft) !important;
    background: rgba(3,11,22,.94) !important;
}


/* KÉK ÉJSZAKA – auth címkén belüli külön ikon / súgóelem
   A címke sima szövege fehér marad, csak a benne lévő külön HTML elem lesz kék. */
html[data-theme="blue"] .auth-card-pretty label > *,
html[data-theme="blue"] .auth-card-pretty label span,
html[data-theme="blue"] .auth-card-pretty label button,
html[data-theme="blue"] .auth-card-pretty label a {
    color: var(--mm-accent-light) !important;
    border-color: var(--mm-accent-light) !important;
    text-shadow: 0 0 6px rgba(var(--mm-accent-rgb), .45) !important;
}

/* Ha az ikon pseudo-elementként készül. */
html[data-theme="blue"] .auth-card-pretty label > *::before,
html[data-theme="blue"] .auth-card-pretty label > *::after {
    color: var(--mm-accent-light) !important;
}

/* ============================================================
   KÉK ÉJSZAKA – OLVASÓ KÜLSŐ HÁTTÉR
   A fejezetképekhez nem nyúl; csak az olvasó körüli oldalháttérhez.
   ============================================================ */
html[data-theme="blue"] body {
    background:
        radial-gradient(circle at top left, rgba(60,150,244,.14), transparent 35%),
        radial-gradient(circle at top right, rgba(38,103,201,.14), transparent 35%),
        #030b16 !important;
}

/* Ha az olvasó saját wrapperrel ad külön lilás hátteret, az is kékre vált. */
html[data-theme="blue"] .reader-page,
html[data-theme="blue"] .chapter-page,
html[data-theme="blue"] .reader-wrapper,
html[data-theme="blue"] .reader-container,
html[data-theme="blue"] .reader-main {
    background:
        linear-gradient(180deg, rgba(8,25,48,.92), rgba(3,11,22,.98)) !important;
}


/* ============================================================
   KÉK ÉJSZAKA – KÖZLEMÉNY VÉGLEGES KÉK HÁTTÉR
   ============================================================ */
html[data-theme="blue"] .announcement-box,
html[data-theme="blue"] .announcement-card {
    background:
        radial-gradient(circle at 12% 16%, rgba(70,160,245,.14), transparent 34%),
        linear-gradient(135deg, #12304f 0%, #102945 42%, #0d2039 72%, #0a172b 100%) !important;
    background-color: #0f2743 !important;
    border-color: rgba(74,162,245,.65) !important;
    box-shadow: 0 0 22px rgba(60,150,244,.20) !important;
}

/* ============================================================
   KÉK ÉJSZAKA – SZÍVEZÉS ÁLLAPOT JAVÍTÁS
   Az inaktív állapot hover/focus alatt sem nézhet ki kedveltnek.
   ============================================================ */
html[data-theme="blue"] .reader-like-round:not(.liked),
html[data-theme="blue"] .reader-like-round:not(.liked):hover,
html[data-theme="blue"] .reader-like-round:not(.liked):focus,
html[data-theme="blue"] .reader-like-round:not(.liked):active {
    background: rgba(7, 22, 41, .92) !important;
    background-image: none !important;
    border-color: #3c96f4 !important;
    color: #9ed2ff !important;
    box-shadow: none !important;
    filter: none !important;
}

html[data-theme="blue"] .comment-like-btn:not(.liked),
html[data-theme="blue"] .comment-like-btn:not(.liked):hover,
html[data-theme="blue"] .comment-like-btn:not(.liked):focus,
html[data-theme="blue"] .comment-like-btn:not(.liked):active {
    background: rgba(7, 22, 41, .92) !important;
    background-image: none !important;
    border-color: #3c96f4 !important;
    color: #9ed2ff !important;
    box-shadow: none !important;
    filter: none !important;
}

/* ============================================================
   FEKETE EZÜST – 3. TÉMA
   A meglévő funkciókhoz nem nyúl, csak a megjelenést cseréli.
   ============================================================ */
html[data-theme="silver"] body {
    background:
        radial-gradient(circle at top left, rgba(230,233,238,.08), transparent 34%),
        radial-gradient(circle at top right, rgba(130,136,146,.08), transparent 34%),
        #050506 !important;
}

html[data-theme="silver"] .logo-wrap img,
html[data-theme="silver"] .auth-brand img,
html[data-theme="silver"] .mm-mobile-brand img {
    filter: grayscale(1) brightness(1.45) contrast(1.05) drop-shadow(0 0 12px rgba(220,224,230,.28)) !important;
}

html[data-theme="silver"] .header-flower {
    filter: grayscale(1) brightness(1.65) contrast(.9) drop-shadow(0 0 10px rgba(220,224,230,.22)) !important;
}

html[data-theme="silver"] .reader-page,
html[data-theme="silver"] .chapter-page,
html[data-theme="silver"] .reader-wrapper,
html[data-theme="silver"] .reader-container,
html[data-theme="silver"] .reader-main {
    background: linear-gradient(180deg, rgba(20,21,24,.96), rgba(5,5,6,.99)) !important;
}

html[data-theme="silver"] .announcement-box,
html[data-theme="silver"] .announcement-card {
    background:
        radial-gradient(circle at 12% 16%, rgba(235,238,242,.10), transparent 34%),
        linear-gradient(135deg, #24272b 0%, #1b1d20 42%, #121315 72%, #090a0b 100%) !important;
    background-color: #17191c !important;
    border-color: rgba(205,210,217,.55) !important;
    box-shadow: 0 0 22px rgba(210,214,220,.12) !important;
}

html[data-theme="silver"] .reader-like-round.liked,
html[data-theme="silver"] .reader-like-round.liked:hover,
html[data-theme="silver"] .comment-like-btn.liked,
html[data-theme="silver"] .comment-like-btn.liked:hover,
html[data-theme="silver"] .reaction-btn.active,
html[data-theme="silver"] .reaction-btn.selected {
    background: linear-gradient(135deg, #8f959e, #d9dde2) !important;
    border-color: #e2e5e9 !important;
    color: #090a0b !important;
    box-shadow: 0 0 18px rgba(218,222,228,.25) !important;
}

html[data-theme="silver"] .reader-like-round:not(.liked),
html[data-theme="silver"] .reader-like-round:not(.liked):hover,
html[data-theme="silver"] .reader-like-round:not(.liked):focus,
html[data-theme="silver"] .reader-like-round:not(.liked):active,
html[data-theme="silver"] .comment-like-btn:not(.liked),
html[data-theme="silver"] .comment-like-btn:not(.liked):hover,
html[data-theme="silver"] .comment-like-btn:not(.liked):focus,
html[data-theme="silver"] .comment-like-btn:not(.liked):active {
    background: rgba(15,16,18,.94) !important;
    background-image: none !important;
    border-color: #858b94 !important;
    color: #d7dbe0 !important;
    box-shadow: none !important;
    filter: none !important;
}

html[data-theme="silver"] .info-card .genre-bubble {
    border-color: #969ca5 !important;
    background: rgba(205,210,217,.10) !important;
    color: #e0e3e7 !important;
    box-shadow: 0 0 10px rgba(210,214,220,.08) !important;
}

html[data-theme="silver"] .auth-page-pretty {
    color: var(--mm-text) !important;
}

html[data-theme="silver"] .auth-brand h1,
html[data-theme="silver"] .auth-card-pretty h2 {
    color: var(--mm-accent-soft) !important;
    text-shadow: 0 0 12px rgba(var(--mm-accent-rgb), .30) !important;
}

html[data-theme="silver"] .auth-divider,
html[data-theme="silver"] .auth-card-pretty {
    border-color: rgba(var(--mm-accent-rgb), .42) !important;
}

html[data-theme="silver"] .auth-card-pretty {
    background:
        radial-gradient(circle at top, rgba(var(--mm-accent-rgb), .07), transparent 42%),
        linear-gradient(145deg, rgba(22,23,26,.98), rgba(5,5,6,.99)) !important;
    box-shadow: 0 0 24px rgba(var(--mm-accent-rgb), .10) !important;
}

html[data-theme="silver"] .auth-input-icon input {
    border-color: rgba(var(--mm-accent-rgb), .45) !important;
    background: linear-gradient(90deg, #f0f1f3, #d7dade) !important;
    color: #0b0c0e !important;
}

html[data-theme="silver"] .auth-gradient-btn {
    background: linear-gradient(135deg, #7f858e, #c7cbd1, #eef0f2) !important;
    color: #090a0b !important;
    box-shadow: 0 0 20px rgba(var(--mm-accent-rgb), .22) !important;
}

html[data-theme="silver"] .site-footer {
    border-top-color: rgba(var(--mm-accent-rgb), .38) !important;
    color: var(--mm-text-soft) !important;
    background: rgba(5,5,6,.96) !important;
}

/* ============================================================
   FEKETE EZÜST – V2 MARADÉK SZÍNEK
   ============================================================ */

/* Oldalsó saját scrollbar */
html[data-theme="silver"] .mm-overlay-scrollbar {
    background: rgba(215,219,224,.06) !important;
}
html[data-theme="silver"] .mm-overlay-scrollbar-thumb {
    background: linear-gradient(180deg, #eceef1 0%, #a1a7af 55%, #666c74 100%) !important;
    box-shadow: 0 0 8px rgba(225,228,233,.34) !important;
}

/* Fejezet 18+ */
html[data-theme="silver"] .chapter18 {
    background: linear-gradient(135deg, #777d86, #d8dce1) !important;
    color: #090a0b !important;
    border: 1px solid #e2e5e9 !important;
    box-shadow: 0 0 10px rgba(220,224,230,.22) !important;
}

/* Fejezetlistás elolvasva pipa */
html[data-theme="silver"] .chapter-read-check {
    background: linear-gradient(135deg, #7f858e, #d5d9de) !important;
    color: #08090a !important;
    border-color: #e0e3e7 !important;
    box-shadow: 0 0 10px rgba(220,224,230,.20) !important;
}

/* Projekt adatlap: szív doboz és Elolvasva doboz.
   A szív emoji színe nem változik. */
html[data-theme="silver"] .cover-card .action-btn {
    background: rgba(205,210,217,.055) !important;
    background-image: none !important;
    border-color: #8f959e !important;
    color: #e3e6ea !important;
    box-shadow: none !important;
}
html[data-theme="silver"] .cover-card .action-btn:hover {
    background: rgba(205,210,217,.095) !important;
    border-color: #cfd3d8 !important;
    color: #f2f3f5 !important;
}
html[data-theme="silver"] .cover-card .project-like-main.liked {
    background: rgba(205,210,217,.08) !important;
    background-image: none !important;
    border-color: #aab0b8 !important;
    color: #e8eaed !important;
    box-shadow: 0 0 12px rgba(220,224,230,.10) !important;
}

/* Kezdőlap: Összes projekt */
html[data-theme="silver"] .all-projects-btn {
    border-color: #9aa0a8 !important;
    color: #e4e7eb !important;
    background: rgba(205,210,217,.055) !important;
    box-shadow: none !important;
}
html[data-theme="silver"] .all-projects-btn:hover {
    border-color: #d8dce1 !important;
    color: #ffffff !important;
    background: rgba(205,210,217,.10) !important;
    box-shadow: 0 0 13px rgba(220,224,230,.12) !important;
}

/* Hulló szirom/virág */
html[data-theme="silver"] #petalContainer .petal,
html[data-theme="silver"] .petal {
    color: #dce0e5 !important;
    text-shadow: 0 0 7px rgba(225,228,233,.55) !important;
    filter: none !important;
}

/* ============================================================
   FEKETE EZÜST – ADATLAP FINOMÍTÁS
   ============================================================ */

/* Koreai / eredeti cím ne maradjon lila */
html[data-theme="silver"] .korean-title {
    color: #aeb4bd !important;
    text-shadow: 0 0 8px rgba(220,224,230,.12) !important;
}

/* Projektkedvelés: a kedvelt állapot legyen jól elkülöníthető */
html[data-theme="silver"] .cover-card .action-btn.project-like-main.liked,
html[data-theme="silver"] .project-like-main.liked {
    background: linear-gradient(135deg, #666c74 0%, #aeb4bd 48%, #e3e6ea 100%) !important;
    background-image: linear-gradient(135deg, #666c74 0%, #aeb4bd 48%, #e3e6ea 100%) !important;
    border-color: #eef0f2 !important;
    color: #090a0b !important;
    box-shadow: 0 0 18px rgba(225,228,233,.28) !important;
}

/* Hoverkor is maradjon egyértelműen kedvelt */
html[data-theme="silver"] .cover-card .action-btn.project-like-main.liked:hover,
html[data-theme="silver"] .project-like-main.liked:hover {
    background: linear-gradient(135deg, #777d86 0%, #bcc1c8 48%, #f0f2f4 100%) !important;
    background-image: linear-gradient(135deg, #777d86 0%, #bcc1c8 48%, #f0f2f4 100%) !important;
    border-color: #ffffff !important;
    color: #050506 !important;
    box-shadow: 0 0 22px rgba(235,238,242,.36) !important;
}

/* Nem kedvelt állapot maradjon sötét, hogy látványos legyen a különbség */
html[data-theme="silver"] .cover-card .action-btn.project-like-main:not(.liked),
html[data-theme="silver"] .project-like-main:not(.liked) {
    background: rgba(18,19,21,.94) !important;
    background-image: none !important;
    border-color: #7f858e !important;
    color: #d9dde2 !important;
    box-shadow: none !important;
}

/* ============================================================
   FEKETE EZÜST – RAGYOGÁS A KÉK ÉJSZAKA INTENZITÁSÁRA
   Csak fényhatás: a meglévő ezüst árnyalatokat nem módosítja.
   ============================================================ */

/* Általános interaktív elemek */
html[data-theme="silver"] .like-btn,
html[data-theme="silver"] .chapter-like-btn,
html[data-theme="silver"] .reader-like-btn,
html[data-theme="silver"] .reaction-btn.active,
html[data-theme="silver"] .reaction-btn.selected,
html[data-theme="silver"] .back-to-top,
html[data-theme="silver"] #backToTop,
html[data-theme="silver"] .scroll-top-btn {
    box-shadow: 0 0 14px rgba(225,228,233,.42) !important;
}

html[data-theme="silver"] .like-btn:hover,
html[data-theme="silver"] .chapter-like-btn:hover,
html[data-theme="silver"] .reader-like-btn:hover,
html[data-theme="silver"] .comment-like-btn.liked:hover,
html[data-theme="silver"] .back-to-top:hover,
html[data-theme="silver"] #backToTop:hover,
html[data-theme="silver"] .scroll-top-btn:hover {
    box-shadow: 0 0 20px rgba(225,228,233,.62) !important;
}

/* Kedvelt olvasói / komment szívek */
html[data-theme="silver"] .chapter-like-btn.liked,
html[data-theme="silver"] .reader-like-top.liked,
html[data-theme="silver"] .reader-like-top:hover,
html[data-theme="silver"] .reader-like-round.liked,
html[data-theme="silver"] .reader-like-round.liked:hover,
html[data-theme="silver"] .comment-like-btn.liked,
html[data-theme="silver"] .comment-like-btn.liked:hover {
    box-shadow: 0 0 18px rgba(225,228,233,.42) !important;
}

/* Vissza a tetejére */
html[data-theme="silver"] .mm-reader-to-top {
    box-shadow: 0 8px 24px rgba(225,228,233,.34) !important;
}
html[data-theme="silver"] .mm-reader-to-top:hover,
html[data-theme="silver"] .mm-reader-to-top:focus-visible {
    box-shadow: 0 10px 28px rgba(225,228,233,.52) !important;
}

/* Hulló ezüst virág */
html[data-theme="silver"] #petalContainer .petal,
html[data-theme="silver"] .petal {
    text-shadow: 0 0 7px rgba(235,238,242,.70) !important;
}

/* 18+ és Elolvasva jelölések */
html[data-theme="silver"] .chapter18,
html[data-theme="silver"] .chapter-read-check {
    box-shadow: 0 0 12px rgba(225,228,233,.45) !important;
}

/* Összes projekt */
html[data-theme="silver"] .latest-all-btn,
html[data-theme="silver"] .all-projects-btn,
html[data-theme="silver"] a[href*="projects.php"].latest-all,
html[data-theme="silver"] .latest-section .btn-outline {
    box-shadow: 0 0 12px rgba(225,228,233,.16) !important;
}
html[data-theme="silver"] .latest-all-btn:hover,
html[data-theme="silver"] .all-projects-btn:hover,
html[data-theme="silver"] a[href*="projects.php"].latest-all:hover,
html[data-theme="silver"] .latest-section .btn-outline:hover {
    box-shadow: 0 0 18px rgba(225,228,233,.42) !important;
}

/* Szirom kapcsoló */
html[data-theme="silver"] #petalToggle,
html[data-theme="silver"] .petal-toggle,
html[data-theme="silver"] .petal-toggle-btn {
    box-shadow: 0 0 12px rgba(225,228,233,.18) !important;
}
html[data-theme="silver"] #petalToggle .petal-icon,
html[data-theme="silver"] .petal-toggle .petal-icon,
html[data-theme="silver"] .petal-toggle-btn .petal-icon {
    text-shadow: 0 0 7px rgba(235,238,242,.65) !important;
}

/* Projekt adatlap – nem kedvelt / hover */
html[data-theme="silver"] .cover-card .action-btn.project-like-main:not(.liked),
html[data-theme="silver"] .cover-card button.action-btn {
    box-shadow: 0 0 10px rgba(225,228,233,.15) !important;
}
html[data-theme="silver"] .cover-card .action-btn.project-like-main:not(.liked):hover {
    box-shadow: 0 0 16px rgba(225,228,233,.30) !important;
}

/* Projekt adatlap – kedvelt */
html[data-theme="silver"] .cover-card .action-btn.project-like-main.liked,
html[data-theme="silver"] .project-like-main.liked {
    box-shadow: 0 0 18px rgba(225,228,233,.42) !important;
}
html[data-theme="silver"] .cover-card .action-btn.project-like-main.liked:hover,
html[data-theme="silver"] .project-like-main.liked:hover {
    box-shadow: 0 0 22px rgba(235,238,242,.55) !important;
}

/* Műfaj buborékok */
html[data-theme="silver"] .info-card .genre-bubble {
    box-shadow: 0 0 10px rgba(225,228,233,.12) !important;
}

/* Közlemény – ugyanaz a fényerő, mint a kéknél */
html[data-theme="silver"] .announcement-box,
html[data-theme="silver"] .announcement-card {
    box-shadow: 0 0 22px rgba(225,228,233,.20) !important;
}

/* Auth felületek */
html[data-theme="silver"] .auth-brand h1,
html[data-theme="silver"] .auth-card-pretty h2 {
    text-shadow: 0 0 12px rgba(225,228,233,.45) !important;
}
html[data-theme="silver"] .auth-card-pretty {
    box-shadow:
        0 0 24px rgba(225,228,233,.18),
        inset 0 0 22px rgba(119,126,137,.05) !important;
}
html[data-theme="silver"] .auth-gradient-btn {
    box-shadow: 0 0 20px rgba(225,228,233,.35) !important;
}
html[data-theme="silver"] .auth-gradient-btn:hover {
    box-shadow: 0 0 28px rgba(225,228,233,.55) !important;
}
html[data-theme="silver"] .auth-outline-btn:hover {
    box-shadow: 0 0 18px rgba(225,228,233,.25) !important;
}

/* ============================================================
   PROJEKTEK – BEFEJEZETT FIX RÓZSASZÍN–LILA GRADIENT
   Ugyanaz mindhárom témában; nem használ --mm-* témaváltozót.
   ============================================================ */

/* ============================================================
   PROJEKTEK – BEFEJEZETT STÁTUSZ FIX LILA GRADIENT
   Pont ugyanúgy témafüggetlen, mint a Tervezett/Folyamatban/Szünetel.
   ============================================================ */
.project-status-corner.status-befejezett,
html[data-theme="blue"] .project-status-corner.status-befejezett,
html[data-theme="silver"] .project-status-corner.status-befejezett {
    background: linear-gradient(135deg, #b46cff 0%, #8f4eff 100%) !important;
    background-color: #9f5aff !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 0 12px rgba(180, 108, 255, .28) !important;
}

/* ============================================================
   BORDÓ ÉJSZAKA – 4. TÉMA
   Fix funkciószínekhez (státuszok, piros szívek) nem nyúl.
   ============================================================ */
html[data-theme="burgundy"] body {
    background:
        radial-gradient(circle at top left, rgba(196,59,92,.12), transparent 34%),
        radial-gradient(circle at top right, rgba(127,29,58,.12), transparent 34%),
        #090305 !important;
}

html[data-theme="burgundy"] .logo-wrap img,
html[data-theme="burgundy"] .auth-brand img,
html[data-theme="burgundy"] .mm-mobile-brand img {
    filter: hue-rotate(300deg) saturate(1.35) brightness(.92)
            drop-shadow(0 0 13px rgba(196,59,92,.38)) !important;
}

html[data-theme="burgundy"] .header-flower {
    filter: hue-rotate(300deg) saturate(1.45) brightness(.92)
            drop-shadow(0 0 11px rgba(196,59,92,.32)) !important;
}

html[data-theme="burgundy"] .reader-page,
html[data-theme="burgundy"] .chapter-page,
html[data-theme="burgundy"] .reader-wrapper,
html[data-theme="burgundy"] .reader-container,
html[data-theme="burgundy"] .reader-main {
    background: linear-gradient(180deg, rgba(38,13,20,.97), rgba(9,3,5,.995)) !important;
}

/* Szirmok */
html[data-theme="burgundy"] #petalContainer .petal,
html[data-theme="burgundy"] .petal {
    color: #df6b87 !important;
    text-shadow: 0 0 8px rgba(196,59,92,.70) !important;
}

/* Olvasó 18+ és Elolvasva */
html[data-theme="burgundy"] .chapter18 {
    background: rgba(127,29,58,.30) !important;
    border-color: #c43b5c !important;
    color: #f7c8d2 !important;
    box-shadow: 0 0 12px rgba(196,59,92,.24) !important;
}
html[data-theme="burgundy"] .chapter-read-check {
    border-color: #c43b5c !important;
    color: #f0a0b3 !important;
}

/* Összes projekt / általános témagombok */
html[data-theme="burgundy"] .latest-all-btn,
html[data-theme="burgundy"] .all-projects-btn,
html[data-theme="burgundy"] a[href*="projects.php"].latest-all,
html[data-theme="burgundy"] .latest-section .btn-outline {
    border-color: #c43b5c !important;
    color: #f0a0b3 !important;
    box-shadow: 0 0 13px rgba(196,59,92,.18) !important;
}
html[data-theme="burgundy"] .latest-all-btn:hover,
html[data-theme="burgundy"] .all-projects-btn:hover,
html[data-theme="burgundy"] a[href*="projects.php"].latest-all:hover,
html[data-theme="burgundy"] .latest-section .btn-outline:hover {
    background: rgba(196,59,92,.15) !important;
    box-shadow: 0 0 18px rgba(196,59,92,.28) !important;
}

/* Szirom kapcsoló */
html[data-theme="burgundy"] #petalToggle,
html[data-theme="burgundy"] .petal-toggle,
html[data-theme="burgundy"] .petal-toggle-btn {
    border-color: rgba(196,59,92,.65) !important;
    color: #f0a0b3 !important;
    box-shadow: 0 0 12px rgba(196,59,92,.20) !important;
}

/* Projektadatlap: nem kedvelt szív + elolvasva + műfajok */
html[data-theme="burgundy"] .cover-card .action-btn.project-like-main:not(.liked),
html[data-theme="burgundy"] .project-like-btn:not(.liked),
html[data-theme="burgundy"] .project-like:not(.liked) {
    background: #241015 !important;
    background-image: none !important;
    border-color: #c43b5c !important;
    color: #f0a0b3 !important;
    box-shadow: none !important;
}
html[data-theme="burgundy"] .cover-card button.action-btn,
html[data-theme="burgundy"] .project-read-btn,
html[data-theme="burgundy"] .project-read,
html[data-theme="burgundy"] .project-sidebar .read-btn,
html[data-theme="burgundy"] .project-actions .read-btn,
html[data-theme="burgundy"] .project-sidebar .read-toggle {
    border-color: #c43b5c !important;
    color: #f0a0b3 !important;
}
html[data-theme="burgundy"] .info-card .genre-bubble,
html[data-theme="burgundy"] .genre-tag,
html[data-theme="burgundy"] .genre-badge,
html[data-theme="burgundy"] .genres span,
html[data-theme="burgundy"] .project-genres span,
html[data-theme="burgundy"] .meta-genres span {
    background: rgba(127,29,58,.28) !important;
    border-color: rgba(196,59,92,.55) !important;
    color: #f7c8d2 !important;
}

/* Közlemény */
html[data-theme="burgundy"] .announcement-box,
html[data-theme="burgundy"] .announcement-card {
    background:
        radial-gradient(circle at 12% 16%, rgba(196,59,92,.16), transparent 34%),
        linear-gradient(135deg, #35121c 0%, #2a0e16 45%, #1e0910 100%) !important;
    background-color: #2a0e16 !important;
    border-color: rgba(196,59,92,.62) !important;
    box-shadow: 0 0 22px rgba(196,59,92,.20) !important;
}

/* Auth oldalak */
html[data-theme="burgundy"] .auth-brand h1,
html[data-theme="burgundy"] .auth-card-pretty h2 {
    color: #f0a0b3 !important;
    text-shadow: 0 0 14px rgba(196,59,92,.28) !important;
}
html[data-theme="burgundy"] .auth-card-pretty {
    border-color: rgba(196,59,92,.42) !important;
    box-shadow: 0 0 22px rgba(196,59,92,.15) !important;
}
html[data-theme="burgundy"] .auth-gradient-btn {
    background: linear-gradient(135deg, #c43b5c, #7f1d3a) !important;
    box-shadow: 0 0 20px rgba(196,59,92,.30) !important;
}

/* A státuszok maradjanak a saját fix funkciószínükön. */
html[data-theme="burgundy"] .status-folyamatban {
    background: linear-gradient(135deg, #43d86a, #2e9f4e) !important;
}
html[data-theme="burgundy"] .status-befejezett,
html[data-theme="burgundy"] .project-status-corner.status-befejezett {
    background: linear-gradient(135deg, #c026ff 0%, #7c3aed 100%) !important;
    background-image: linear-gradient(135deg, #c026ff 0%, #7c3aed 100%) !important;
}
html[data-theme="burgundy"] .status-tervezett {
    background: linear-gradient(135deg, #53b5ff, #2f88ff) !important;
}
html[data-theme="burgundy"] .status-szunetel {
    background: linear-gradient(135deg, #ff6a6a, #d9364d) !important;
}

/* ============================================================
   BORDÓ TÉMA – 18+ JELÖLÉS VILÁGOSÍTÁS
   Késői, célzott felülírás, hogy biztosan látható legyen.
   ============================================================ */
html[data-theme="burgundy"] body .chapter18 {
    background: linear-gradient(135deg, #e86a86 0%, #c43b5c 100%) !important;
    background-image: linear-gradient(135deg, #e86a86 0%, #c43b5c 100%) !important;
    border: 1px solid #f3a2b4 !important;
    color: #ffffff !important;
    box-shadow: 0 0 14px rgba(232,106,134,.42) !important;
    text-shadow: 0 1px 3px rgba(80,10,28,.45) !important;
    opacity: 1 !important;
    filter: none !important;
}


/* ============================================================
   BORDÓ ÉJSZAKA – maradék vizuális elemek
   ============================================================ */
html[data-theme="burgundy"] .mm-overlay-scrollbar {
    background: rgba(196,59,92,.07) !important;
}
html[data-theme="burgundy"] .mm-overlay-scrollbar-thumb {
    background: linear-gradient(180deg, #df6b87 0%, #c43b5c 52%, #7f1d3a 100%) !important;
    box-shadow: 0 0 8px rgba(196,59,92,.48) !important;
}
html[data-theme="burgundy"] .logo-wrap img,
html[data-theme="burgundy"] .auth-brand img,
html[data-theme="burgundy"] .mm-mobile-brand img {
    filter: sepia(.22) saturate(1.55) hue-rotate(300deg) brightness(.88)
            drop-shadow(0 0 13px rgba(196,59,92,.42)) !important;
}
html[data-theme="burgundy"] .header-flower {
    filter: sepia(.18) saturate(1.65) hue-rotate(300deg) brightness(.88)
            drop-shadow(0 0 11px rgba(196,59,92,.36)) !important;
}
html[data-theme="burgundy"] .chapter-read-check {
    background: linear-gradient(135deg, #9d2948 0%, #d95675 55%, #e97892 100%) !important;
    color: #fff1f4 !important;
    border-color: #f0a0b3 !important;
    box-shadow: 0 0 11px rgba(196,59,92,.30) !important;
}


/* ============================================================
   BORDÓ ÉJSZAKA – SÖTÉTEBB FEJLÉC
   A logó és a sarokvirág jobb kontrasztjáért.
   ============================================================ */
html[data-theme="burgundy"] .site-header {
    background: linear-gradient(90deg, #120509 0%, #1c080e 50%, #120509 100%) !important;
    background-color: #16070c !important;
    border-bottom-color: #c43b5c !important;
    box-shadow: 0 0 18px rgba(196,59,92,.38) !important;
}

@media (max-width: 1380px) {
    html[data-theme="burgundy"] .mm-mobile-header {
        background: linear-gradient(90deg, #120509 0%, #1c080e 50%, #120509 100%) !important;
        border-bottom-color: #c43b5c !important;
        box-shadow: 0 0 14px rgba(196,59,92,.32) !important;
    }
}

/* ============================================================
   BORDÓ TÉMA – eredeti bordó logó és sarokvirág
   A PNG-k saját színét megtartjuk, csak finom kiemelést kapnak.
   ============================================================ */
html[data-theme="burgundy"] .logo-wrap img,
html[data-theme="burgundy"] .auth-brand img,
html[data-theme="burgundy"] .mm-mobile-brand img {
    filter: drop-shadow(0 0 12px rgba(223,107,135,.45)) !important;
    opacity: 1 !important;
}

html[data-theme="burgundy"] .header-flower {
    filter: drop-shadow(0 0 10px rgba(223,107,135,.38)) !important;
    opacity: 1 !important;
}


/* ============================================================
   BORDÓ TÉMA – SÖTÉTEBB FEJLÉC A JOBB KONTRASZTÉRT
   ============================================================ */
html[data-theme="burgundy"] .site-header {
    background: linear-gradient(90deg, #100508 0%, #1a080d 50%, #100508 100%) !important;
    background-color: #100508 !important;
    border-bottom-color: #c43b5c !important;
    box-shadow: 0 0 18px rgba(196,59,92,.32) !important;
}

@media (max-width: 1380px) {
    html[data-theme="burgundy"] .mm-mobile-header {
        background: linear-gradient(90deg, #100508 0%, #1a080d 50%, #100508 100%) !important;
        background-color: #100508 !important;
        border-bottom-color: #c43b5c !important;
        box-shadow: 0 0 14px rgba(196,59,92,.28) !important;
    }
}

/* A bordó díszek maradjanak a saját, világos PNG-színükön. */
html[data-theme="burgundy"] .logo-wrap img,
html[data-theme="burgundy"] .auth-brand img,
html[data-theme="burgundy"] .mm-mobile-brand img {
    filter: drop-shadow(0 0 12px rgba(239,111,139,.45)) !important;
    opacity: 1 !important;
}

html[data-theme="burgundy"] .header-flower {
    filter: drop-shadow(0 0 10px rgba(239,111,139,.40)) !important;
    opacity: 1 !important;
}

/* ============================================================
   BORDÓ TÉMA – KONTRASZTOS FEJLÉC V2
   A fejléc közel semleges fekete, a bordó csak finom fényként marad.
   A logó és a sarokvirág világosabb, erősebb külső ragyogást kap.
   ============================================================ */
html[data-theme="burgundy"] .site-header {
    background:
        radial-gradient(circle at 12% 50%, rgba(196,59,92,.08), transparent 24%),
        radial-gradient(circle at 88% 50%, rgba(196,59,92,.08), transparent 24%),
        linear-gradient(90deg, #09090b 0%, #0d0b0d 50%, #09090b 100%) !important;
    background-color: #09090b !important;
    border-bottom-color: #d95675 !important;
    box-shadow: 0 0 20px rgba(196,59,92,.34) !important;
}

html[data-theme="burgundy"] .logo-wrap img,
html[data-theme="burgundy"] .auth-brand img,
html[data-theme="burgundy"] .mm-mobile-brand img {
    filter:
        brightness(1.28)
        saturate(1.08)
        drop-shadow(0 0 5px rgba(255,205,216,.60))
        drop-shadow(0 0 14px rgba(239,111,139,.62)) !important;
    opacity: 1 !important;
}

html[data-theme="burgundy"] .header-flower {
    filter:
        brightness(1.26)
        saturate(1.08)
        drop-shadow(0 0 4px rgba(255,205,216,.52))
        drop-shadow(0 0 12px rgba(239,111,139,.58)) !important;
    opacity: 1 !important;
}

@media (max-width: 1380px) {
    html[data-theme="burgundy"] .mm-mobile-header {
        background:
            radial-gradient(circle at 14% 50%, rgba(196,59,92,.08), transparent 28%),
            radial-gradient(circle at 86% 50%, rgba(196,59,92,.08), transparent 28%),
            linear-gradient(90deg, #09090b 0%, #0d0b0d 50%, #09090b 100%) !important;
        background-color: #09090b !important;
        border-bottom-color: #d95675 !important;
        box-shadow: 0 0 16px rgba(196,59,92,.30) !important;
    }

    html[data-theme="burgundy"] .mm-mobile-brand img {
        filter:
            brightness(1.28)
            saturate(1.08)
            drop-shadow(0 0 4px rgba(255,205,216,.55))
            drop-shadow(0 0 11px rgba(239,111,139,.58)) !important;
        opacity: 1 !important;
    }
}


/* ============================================================
   BORDÓ TÉMA – DÍSZEK VÉGSŐ KONTRASZT JAVÍTÁSA
   A logó és a sarokvirág világosabb, málnás-rózsaszín tónust kap,
   hogy a bordó fejlécből ugyanúgy kiemelkedjen, mint a kék/ezüst témánál.
   ============================================================ */
html[data-theme="burgundy"] .logo-wrap img,
html[data-theme="burgundy"] .auth-brand img,
html[data-theme="burgundy"] .mm-mobile-brand img {
    filter:
        brightness(1.62)
        saturate(1.18)
        contrast(1.04)
        drop-shadow(0 0 5px rgba(255, 210, 220, .72))
        drop-shadow(0 0 14px rgba(239, 111, 139, .72)) !important;
    opacity: 1 !important;
}

html[data-theme="burgundy"] .header-flower {
    filter:
        brightness(1.58)
        saturate(1.16)
        contrast(1.03)
        drop-shadow(0 0 5px rgba(255, 210, 220, .66))
        drop-shadow(0 0 13px rgba(239, 111, 139, .68)) !important;
    opacity: 1 !important;
}

/* A fejléc marad sötét bordó-fekete, de kevésbé nyeli el a díszeket. */
html[data-theme="burgundy"] .site-header {
    background: linear-gradient(90deg, #16070b 0%, #210a11 50%, #16070b 100%) !important;
    background-color: #16070b !important;
    border-bottom-color: #df5d7b !important;
    box-shadow: 0 0 20px rgba(196, 59, 92, .38) !important;
}

@media (max-width: 1380px) {
    html[data-theme="burgundy"] .mm-mobile-header {
        background: linear-gradient(90deg, #16070b 0%, #210a11 50%, #16070b 100%) !important;
        background-color: #16070b !important;
        border-bottom-color: #df5d7b !important;
        box-shadow: 0 0 16px rgba(196, 59, 92, .34) !important;
    }

    html[data-theme="burgundy"] .mm-mobile-brand img {
        filter:
            brightness(1.62)
            saturate(1.18)
            contrast(1.04)
            drop-shadow(0 0 4px rgba(255, 210, 220, .68))
            drop-shadow(0 0 11px rgba(239, 111, 139, .68)) !important;
    }
}

/* ============================================================
   BOROSTYÁN NAPLEMENTE – TELJES TÉMA
   Sötét barna-fekete alap, narancs + aranysárga kiemelések.
   A funkciószínek (piros szív, zöld/kék/piros projektállapotok)
   változatlanok maradnak.
   ============================================================ */
html[data-theme="amber"] {
    --mm-accent: #f59b23;
    --mm-accent-rgb: 245, 155, 35;
    --mm-accent-2: #c65a08;
    --mm-accent2-rgb: 198, 90, 8;
    --mm-accent-soft: #ffd56f;
    --mm-accent-soft-rgb: 255, 213, 111;
    --mm-accent-pale: #ffe8ad;
    --mm-accent-light: #ffb13b;

    --mm-text: #fff8e8;
    --mm-text-alt: #fff1d1;
    --mm-text-alt2: #fffaf1;
    --mm-text-muted: #dca75b;
    --mm-text-muted-rgb: 220, 167, 91;
    --mm-text-soft: #efc47b;
    --mm-text-soft-rgb: 239, 196, 123;

    --mm-cool-accent: #ffd66e;
    --mm-pink-soft: #eeb45a;
    --mm-hot-accent: #ff9418;
    --mm-lilac-muted: #c9964e;
    --mm-lilac-pale: #f5d698;
    --mm-pink-pale: #fff0c8;
    --mm-pink-mid: #f09a27;
    --mm-lilac-soft: #e8bd6e;
    --mm-pink-light: #ffb13b;
    --mm-pink-strong: #e5790c;
    --mm-pink-mid2: #f19a28;

    --mm-surface: #1d140b;
    --mm-surface-rgb: 29, 20, 11;
    --mm-surface-2: #281806;
    --mm-bg-deep: #070503;
    --mm-bg: #120b04;
    --mm-bg-rgb: 18, 11, 4;
}

html[data-theme="amber"] body {
    background:
        radial-gradient(circle at 12% 4%, rgba(245,155,35,.14), transparent 28%),
        radial-gradient(circle at 88% 9%, rgba(198,90,8,.10), transparent 30%),
        linear-gradient(180deg, #100904 0%, #070503 58%, #050403 100%) !important;
    background-color: #070503 !important;
    color: #fff8e8 !important;
}

/* Fejléc */
html[data-theme="amber"] .site-header {
    background:
        radial-gradient(circle at 8% 50%, rgba(245,155,35,.09), transparent 22%),
        radial-gradient(circle at 92% 50%, rgba(245,155,35,.07), transparent 22%),
        linear-gradient(90deg, #090704 0%, #151006 50%, #090704 100%) !important;
    border-bottom-color: #f59b23 !important;
    box-shadow: 0 0 20px rgba(245,155,35,.34) !important;
}
html[data-theme="amber"] .logo-wrap span,
html[data-theme="amber"] .mm-mobile-brand span {
    color: #ffd56f !important;
    text-shadow: 0 0 13px rgba(245,155,35,.58) !important;
}
html[data-theme="amber"] .main-nav a,
html[data-theme="amber"] .user-nav a {
    color: #fff0c8 !important;
}
html[data-theme="amber"] .main-nav a:hover,
html[data-theme="amber"] .user-nav a:hover {
    color: #ffb13b !important;
    text-shadow: 0 0 10px rgba(245,155,35,.75) !important;
}

/* Saját borostyán logó + sarokvirág */
html[data-theme="amber"] .logo-wrap img,
html[data-theme="amber"] .auth-brand img,
html[data-theme="amber"] .mm-mobile-brand img {
    content: url("/assets/images/logo-amber.png") !important;
    filter:
        brightness(1.18)
        saturate(1.08)
        drop-shadow(0 0 5px rgba(255,230,160,.55))
        drop-shadow(0 0 14px rgba(245,155,35,.55)) !important;
    opacity: 1 !important;
}
html[data-theme="amber"] .header-flower {
    content: url("/assets/images/corner-flower-amber.png") !important;
    filter:
        brightness(1.15)
        saturate(1.08)
        drop-shadow(0 0 4px rgba(255,230,160,.48))
        drop-shadow(0 0 13px rgba(245,155,35,.50)) !important;
    opacity: 1 !important;
}

/* Oldalsó csúszka */
html[data-theme="amber"] .mm-overlay-scrollbar {
    background: rgba(245,155,35,.07) !important;
}
html[data-theme="amber"] .mm-overlay-scrollbar-thumb {
    background: linear-gradient(180deg, #ffd45f 0%, #f59b23 50%, #c65a08 100%) !important;
    background-image: linear-gradient(180deg, #ffd45f 0%, #f59b23 50%, #c65a08 100%) !important;
    box-shadow: 0 0 9px rgba(245,155,35,.58) !important;
}

/* Közlemény */
html[data-theme="amber"] .announcement-box,
html[data-theme="amber"] .announcement-card {
    background:
        radial-gradient(circle at 12% 15%, rgba(245,155,35,.16), transparent 34%),
        linear-gradient(135deg, #281707 0%, #1d1208 48%, #110b05 100%) !important;
    background-color: #1d1208 !important;
    border-color: rgba(245,155,35,.62) !important;
    box-shadow: 0 0 22px rgba(245,155,35,.20) !important;
    color: #fff8e8 !important;
}
html[data-theme="amber"] .announcement-box h2,
html[data-theme="amber"] .announcement-card h2 {
    color: #ffd56f !important;
    text-shadow: 0 0 11px rgba(245,155,35,.32) !important;
}
html[data-theme="amber"] .announcement-box a,
html[data-theme="amber"] .announcement-card a {
    border-color: rgba(245,155,35,.65) !important;
    color: #ffe8ad !important;
    background: rgba(245,155,35,.08) !important;
}

/* Fő kártyák/panelek – a korábbi kék/lila felületek helyett meleg sötétbarna */
html[data-theme="amber"] .latest-card,
html[data-theme="amber"] .latest-card-new,
html[data-theme="amber"] .project-card,
html[data-theme="amber"] .cover-card,
html[data-theme="amber"] .info-card,
html[data-theme="amber"] .description-card,
html[data-theme="amber"] .chapters-card,
html[data-theme="amber"] .profile-left-card,
html[data-theme="amber"] .profile-main-card,
html[data-theme="amber"] .profile-settings-card,
html[data-theme="amber"] .profile-details-card,
html[data-theme="amber"] .profile-info-grid > div,
html[data-theme="amber"] .admin-card,
html[data-theme="amber"] .admin-panel,
html[data-theme="amber"] .upload-page-panel {
    background:
        linear-gradient(145deg, rgba(38,25,11,.97), rgba(14,10,6,.985)) !important;
    border-color: rgba(245,155,35,.42) !important;
    box-shadow:
        0 0 18px rgba(245,155,35,.13),
        inset 0 0 22px rgba(245,155,35,.025) !important;
}

/* Projektek oldal */
html[data-theme="amber"] .projects-title,
html[data-theme="amber"] .section-head h1,
html[data-theme="amber"] .profile-main-card h2,
html[data-theme="amber"] .profile-settings-card h2,
html[data-theme="amber"] .profile-details-card summary,
html[data-theme="amber"] .section-title {
    color: #ffd56f !important;
    text-shadow: 0 0 12px rgba(245,155,35,.38) !important;
}
html[data-theme="amber"] .projects-search input {
    background: rgba(12,9,5,.94) !important;
    border-color: #c65a08 !important;
    color: #fff8e8 !important;
}
html[data-theme="amber"] .projects-search input::placeholder {
    color: #b89055 !important;
}
html[data-theme="amber"] .project-tabs a {
    border-color: #c65a08 !important;
    color: #f5d698 !important;
    background: rgba(198,90,8,.08) !important;
}
html[data-theme="amber"] .project-tabs a.active,
html[data-theme="amber"] .project-tabs a:hover {
    background: linear-gradient(135deg, #f59b23, #c65a08) !important;
    border-color: #ffd56f !important;
    color: #fff !important;
    box-shadow: 0 0 15px rgba(245,155,35,.42) !important;
}
html[data-theme="amber"] .project-card {
    border-color: rgba(245,155,35,.45) !important;
}
html[data-theme="amber"] .project-card-body h3 {
    color: #ffd56f !important;
    text-shadow: 0 0 8px rgba(245,155,35,.30) !important;
}
html[data-theme="amber"] .project-card-body p,
html[data-theme="amber"] .project-desc {
    color: #e8bd78 !important;
}
html[data-theme="amber"] .project-card .genre-tag,
html[data-theme="amber"] .project-card .genre-badge,
html[data-theme="amber"] .project-card .genre-bubble,
html[data-theme="amber"] .info-card .genre-bubble,
html[data-theme="amber"] .genres span,
html[data-theme="amber"] .project-genres span,
html[data-theme="amber"] .meta-genres span {
    background: rgba(198,90,8,.18) !important;
    border-color: rgba(245,155,35,.58) !important;
    color: #ffe8ad !important;
}

/* Általános témagombok */
html[data-theme="amber"] .all-projects-btn,
html[data-theme="amber"] .latest-all-btn,
html[data-theme="amber"] .latest-section .btn-outline,
html[data-theme="amber"] .action-btn,
html[data-theme="amber"] .read-btn {
    border-color: #f59b23 !important;
    color: #ffe8ad !important;
    background: rgba(198,90,8,.10) !important;
}
html[data-theme="amber"] .all-projects-btn:hover,
html[data-theme="amber"] .latest-all-btn:hover,
html[data-theme="amber"] .latest-section .btn-outline:hover,
html[data-theme="amber"] .action-btn:hover,
html[data-theme="amber"] .read-btn:hover {
    background: rgba(245,155,35,.16) !important;
    box-shadow: 0 0 16px rgba(245,155,35,.28) !important;
}

/* Fejezetlista / olvasó */
html[data-theme="amber"] .chapter-row-full,
html[data-theme="amber"] .chapter-row,
html[data-theme="amber"] .reader-page,
html[data-theme="amber"] .chapter-page,
html[data-theme="amber"] .reader-wrapper,
html[data-theme="amber"] .reader-container,
html[data-theme="amber"] .reader-main {
    background: linear-gradient(145deg, rgba(34,22,10,.96), rgba(10,7,4,.99)) !important;
    border-color: rgba(245,155,35,.42) !important;
}
html[data-theme="amber"] .chapter-main-info strong,
html[data-theme="amber"] .reader-title h1 {
    color: #ffd56f !important;
}
html[data-theme="amber"] .chapter-subtitle,
html[data-theme="amber"] .chapter-meta,
html[data-theme="amber"] .chapter-uploader,
html[data-theme="amber"] .reader-title p {
    color: #e0b76f !important;
}

/* 18+ – jól látható arany-narancs */
html[data-theme="amber"] body .chapter18 {
    background: linear-gradient(135deg, #ffd45f 0%, #f59b23 100%) !important;
    background-image: linear-gradient(135deg, #ffd45f 0%, #f59b23 100%) !important;
    border: 1px solid #ffe6a3 !important;
    color: #3a1d00 !important;
    box-shadow: 0 0 14px rgba(245,155,35,.40) !important;
    text-shadow: none !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Elolvasva pipa */
html[data-theme="amber"] .chapter-read-check {
    background: linear-gradient(135deg, #ffd45f 0%, #f59b23 55%, #c65a08 100%) !important;
    background-image: linear-gradient(135deg, #ffd45f 0%, #f59b23 55%, #c65a08 100%) !important;
    border-color: #ffe6a3 !important;
    color: #402000 !important;
    box-shadow: 0 0 12px rgba(245,155,35,.36) !important;
}

/* Projekt adatlap */
html[data-theme="amber"] .info-card h1 {
    color: #ffd56f !important;
}
html[data-theme="amber"] .info-card .korean-title,
html[data-theme="amber"] .info-card p.korean-title {
    color: #e0a856 !important;
    -webkit-text-fill-color: #e0a856 !important;
}
html[data-theme="amber"] .info-row strong {
    color: #ffb13b !important;
}
html[data-theme="amber"] .cover-card .action-btn.project-like-main:not(.liked) {
    background: #1b1208 !important;
    background-image: none !important;
    border-color: #f59b23 !important;
    color: #ffd56f !important;
    box-shadow: none !important;
}
html[data-theme="amber"] .cover-card .action-btn.project-like-main.liked,
html[data-theme="amber"] .cover-card .action-btn.project-like-main.liked:hover,
html[data-theme="amber"] .cover-card .action-btn.project-like-main.liked:focus,
html[data-theme="amber"] .cover-card .action-btn.project-like-main.liked:active {
    background: linear-gradient(135deg, #c65a08 0%, #f59b23 50%, #ffd45f 100%) !important;
    background-image: linear-gradient(135deg, #c65a08 0%, #f59b23 50%, #ffd45f 100%) !important;
    border-color: #ffe6a3 !important;
    color: #281300 !important;
    box-shadow: 0 0 20px rgba(245,155,35,.34) !important;
}
/* piros szív emoji maradjon piros */
html[data-theme="amber"] .cover-card a.project-like-main .mm-like-icon {
    filter: none !important;
}

/* Profil */
html[data-theme="amber"] .profile-main-card h2,
html[data-theme="amber"] .profile-settings-card h2 {
    color: #ffd56f !important;
}
html[data-theme="amber"] .profile-info-grid span,
html[data-theme="amber"] .profile-settings-card label,
html[data-theme="amber"] .profile-mini-form label {
    color: #e4aa54 !important;
}
html[data-theme="amber"] .profile-details-card summary,
html[data-theme="amber"] .profile-quick-actions a {
    border-color: rgba(245,155,35,.45) !important;
    color: #ffe8ad !important;
    background: rgba(198,90,8,.07) !important;
}
html[data-theme="amber"] .profile-avatar-upload-btn,
html[data-theme="amber"] .profile-mini-form button,
html[data-theme="amber"] .profile-settings-card button {
    background: linear-gradient(135deg, #f59b23, #c65a08) !important;
    border-color: #ffd56f !important;
    color: #fff !important;
    box-shadow: 0 0 15px rgba(245,155,35,.28) !important;
}

/* Auth */
html[data-theme="amber"] .auth-card-pretty {
    background: linear-gradient(145deg, rgba(38,25,11,.97), rgba(12,8,4,.99)) !important;
    border-color: rgba(245,155,35,.48) !important;
    box-shadow: 0 0 24px rgba(245,155,35,.17) !important;
}
html[data-theme="amber"] .auth-brand h1,
html[data-theme="amber"] .auth-card-pretty h2 {
    color: #ffd56f !important;
    text-shadow: 0 0 14px rgba(245,155,35,.32) !important;
}
html[data-theme="amber"] .auth-gradient-btn {
    background: linear-gradient(135deg, #f59b23, #c65a08) !important;
    box-shadow: 0 0 20px rgba(245,155,35,.30) !important;
}

/* Lábléc */
html[data-theme="amber"] .site-footer {
    border-top-color: rgba(245,155,35,.42) !important;
    background: rgba(10,7,4,.94) !important;
    color: #d7ae68 !important;
}

/* Szirmok / kapcsoló */
html[data-theme="amber"] #petalContainer .petal,
html[data-theme="amber"] .petal {
    color: #ffb13b !important;
    text-shadow: 0 0 8px rgba(245,155,35,.70) !important;
}
html[data-theme="amber"] #petalToggle,
html[data-theme="amber"] .petal-toggle,
html[data-theme="amber"] .petal-toggle-btn {
    border-color: rgba(245,155,35,.62) !important;
    color: #ffd56f !important;
    background: rgba(198,90,8,.08) !important;
    box-shadow: 0 0 12px rgba(245,155,35,.20) !important;
}

/* Funkciószínek: maradjanak egységesek minden témában */
html[data-theme="amber"] .status-folyamatban {
    background: linear-gradient(135deg, #43d86a, #2e9f4e) !important;
}
html[data-theme="amber"] .status-befejezett,
html[data-theme="amber"] .project-status-corner.status-befejezett {
    background: linear-gradient(135deg, #c026ff 0%, #7c3aed 100%) !important;
    background-image: linear-gradient(135deg, #c026ff 0%, #7c3aed 100%) !important;
}
html[data-theme="amber"] .status-tervezett {
    background: linear-gradient(135deg, #53b5ff, #2f88ff) !important;
}
html[data-theme="amber"] .status-szunetel {
    background: linear-gradient(135deg, #ff6a6a, #d9364d) !important;
}

@media (max-width: 1380px) {
    html[data-theme="amber"] .mm-mobile-header {
        background: linear-gradient(90deg, #090704 0%, #151006 50%, #090704 100%) !important;
        border-bottom-color: #f59b23 !important;
        box-shadow: 0 0 15px rgba(245,155,35,.30) !important;
    }
}

/* ============================================================
   BOROSTYÁN – NÉVSZÍN VÁLASZTÓ JAVÍTÁS
   A minták maradjanak saját színűek; csak a keret/háttér kövesse a témát.
   ============================================================ */
html[data-theme="amber"] body .gradient-option,
html[data-theme="amber"] body .name-gradient-option,
html[data-theme="amber"] body .profile-gradient-option,
html[data-theme="amber"] body [data-gradient-value] {
    background: rgba(10,8,5,.82) !important;
    background-image: none !important;
    border-color: rgba(245,155,35,.34) !important;
    box-shadow: none !important;
}

html[data-theme="amber"] body .gradient-option:hover,
html[data-theme="amber"] body .name-gradient-option:hover,
html[data-theme="amber"] body .profile-gradient-option:hover,
html[data-theme="amber"] body [data-gradient-value]:hover {
    background: rgba(245,155,35,.055) !important;
    background-image: none !important;
    border-color: rgba(245,155,35,.62) !important;
    box-shadow: 0 0 10px rgba(245,155,35,.10) !important;
}

html[data-theme="amber"] body .gradient-option.selected,
html[data-theme="amber"] body .gradient-option.active,
html[data-theme="amber"] body .name-gradient-option.selected,
html[data-theme="amber"] body .name-gradient-option.active,
html[data-theme="amber"] body .profile-gradient-option.selected,
html[data-theme="amber"] body .profile-gradient-option.active,
html[data-theme="amber"] body [data-gradient-value].selected,
html[data-theme="amber"] body [data-gradient-value].active {
    background: rgba(245,155,35,.07) !important;
    background-image: none !important;
    border-color: #ffbf48 !important;
    box-shadow: 0 0 12px rgba(245,155,35,.14) !important;
}

/* A név-minták saját gradientjét/színét ne írja felül a téma. */
html[data-theme="amber"] body .gradient-option span,
html[data-theme="amber"] body .name-gradient-option span,
html[data-theme="amber"] body .profile-gradient-option span,
html[data-theme="amber"] body [data-gradient-value] span {
    background-color: transparent !important;
}


/* ============================================================
   BOROSTYÁN – LOGÓ ÉS SAROKVIRÁG VISSZAFOGOTTABB FÉNY
   ============================================================ */
html[data-theme="amber"] body .logo-wrap img,
html[data-theme="amber"] body .auth-brand img,
html[data-theme="amber"] body .mm-mobile-brand img {
    filter:
        brightness(1.04)
        saturate(1.02)
        drop-shadow(0 0 7px rgba(245,155,35,.30)) !important;
    opacity: .96 !important;
}

html[data-theme="amber"] body .site-header > .header-flower,
html[data-theme="amber"] body .header-flower {
    filter:
        brightness(1.02)
        saturate(1.02)
        drop-shadow(0 0 6px rgba(245,155,35,.24)) !important;
    opacity: .92 !important;
}

/* ============================================================
   BOROSTYÁN – SZÍVES ELEMEK VÉGLEGES, KÜLÖN KEZELÉSE
   ============================================================ */

/* Projektkártya: szív + szám pill */
html[data-theme="amber"] body .project-like-top,
html[data-theme="amber"] body .project-like-corner {
    background: linear-gradient(135deg, #9b4f0d 0%, #c96d16 52%, #e88d21 100%) !important;
    background-image: linear-gradient(135deg, #9b4f0d 0%, #c96d16 52%, #e88d21 100%) !important;
    border-color: rgba(255,211,111,.75) !important;
    color: #fff8e8 !important;
    box-shadow: 0 0 9px rgba(245,155,35,.20) !important;
}

/* Fejezetlista: NEM kedvelt állapot – sötét, visszafogott amber */
html[data-theme="amber"] body .chapter-row-full .chapter-buttons .chapter-like-btn:not(.liked),
html[data-theme="amber"] body .chapter-row-full .chapter-buttons .chapter-like-btn:not(.liked):focus,
html[data-theme="amber"] body .chapter-row-full .chapter-buttons .chapter-like-btn:not(.liked):active {
    background: rgba(92, 45, 8, .28) !important;
    background-image: none !important;
    border-color: #b85f0f !important;
    color: #ff3f78 !important;
    box-shadow: 0 0 7px rgba(245,155,35,.10) !important;
    text-shadow: none !important;
}

/* NEM kedvelt hover – csak enyhe kiemelés */
html[data-theme="amber"] body .chapter-row-full .chapter-buttons .chapter-like-btn:not(.liked):hover {
    background: rgba(143, 68, 10, .38) !important;
    background-image: none !important;
    border-color: #d47a18 !important;
    color: #ff3f78 !important;
    box-shadow: 0 0 9px rgba(245,155,35,.16) !important;
}

/* KEDVELT állapot – jól látható borostyán átmenet */
html[data-theme="amber"] body .chapter-row-full .chapter-buttons .chapter-like-btn.liked,
html[data-theme="amber"] body .chapter-row-full .chapter-buttons .chapter-like-btn.liked:hover,
html[data-theme="amber"] body .chapter-row-full .chapter-buttons .chapter-like-btn.liked:focus,
html[data-theme="amber"] body .chapter-row-full .chapter-buttons .chapter-like-btn.liked:active {
    background: linear-gradient(135deg, #9a4b0b 0%, #c56a14 52%, #e58920 100%) !important;
    background-image: linear-gradient(135deg, #9a4b0b 0%, #c56a14 52%, #e58920 100%) !important;
    border-color: #f0a33a !important;
    color: #ff3f78 !important;
    box-shadow: 0 0 12px rgba(245,155,35,.22) !important;
    text-shadow: none !important;
}

/* A szív emoji/ikon mindenütt marad természetes rózsaszín/piros. */
html[data-theme="amber"] body .mm-like-icon,
html[data-theme="amber"] body .project-like-top .mm-like-icon,
html[data-theme="amber"] body .project-like-corner .mm-like-icon,
html[data-theme="amber"] body .chapter-like-btn .mm-like-icon {
    filter: none !important;
    opacity: 1 !important;
}

/* ============================================================
   MÉREGZÖLD / TOXIC ÉJSZAKA – TELJES TÉMA
   Mély fekete-zöld alap, élénk méregzöld és lime kiemelések.
   ============================================================ */
html[data-theme="toxic"] {
    --mm-accent: #48d35b;
    --mm-accent-rgb: 72, 211, 91;
    --mm-accent-2: #1f8f3c;
    --mm-accent2-rgb: 31, 143, 60;
    --mm-accent-soft: #b7f36b;
    --mm-accent-soft-rgb: 183, 243, 107;
    --mm-accent-pale: #d8ff9c;
    --mm-accent-light: #7be86f;

    --mm-text: #f4ffe9;
    --mm-text-alt: #ebffd7;
    --mm-text-alt2: #f9fff3;
    --mm-text-muted: #8fcf79;
    --mm-text-muted-rgb: 143, 207, 121;
    --mm-text-soft: #b7dea5;
    --mm-text-soft-rgb: 183, 222, 165;

    --mm-cool-accent: #9ff27e;
    --mm-pink-soft: #93d27c;
    --mm-hot-accent: #5be65f;
    --mm-lilac-muted: #82b873;
    --mm-lilac-pale: #c8efb5;
    --mm-pink-pale: #e4ffd7;
    --mm-pink-mid: #66da62;
    --mm-lilac-soft: #b5e69d;
    --mm-pink-light: #78e66c;
    --mm-pink-strong: #2fbd4a;
    --mm-pink-mid2: #59d45d;

    --mm-surface: #0d1a10;
    --mm-surface-rgb: 13, 26, 16;
    --mm-surface-2: #112719;
    --mm-bg-deep: #030704;
    --mm-bg: #071009;
    --mm-bg-rgb: 7, 16, 9;
}

html[data-theme="toxic"] body {
    background:
        radial-gradient(circle at 12% 4%, rgba(72,211,91,.12), transparent 28%),
        radial-gradient(circle at 88% 10%, rgba(31,143,60,.10), transparent 30%),
        linear-gradient(180deg, #071009 0%, #030704 58%, #020503 100%) !important;
    background-color: #030704 !important;
    color: #f4ffe9 !important;
}

/* Fejléc */
html[data-theme="toxic"] .site-header {
    background:
        radial-gradient(circle at 8% 50%, rgba(72,211,91,.08), transparent 22%),
        radial-gradient(circle at 92% 50%, rgba(72,211,91,.06), transparent 22%),
        linear-gradient(90deg, #050905 0%, #0c160d 50%, #050905 100%) !important;
    border-bottom-color: #48d35b !important;
    box-shadow: 0 0 18px rgba(72,211,91,.30) !important;
}
html[data-theme="toxic"] .logo-wrap span,
html[data-theme="toxic"] .mm-mobile-brand span {
    color: #b7f36b !important;
    text-shadow: 0 0 11px rgba(72,211,91,.40) !important;
}
html[data-theme="toxic"] .main-nav a,
html[data-theme="toxic"] .user-nav a {
    color: #e4ffd7 !important;
}
html[data-theme="toxic"] .main-nav a:hover,
html[data-theme="toxic"] .user-nav a:hover {
    color: #7be86f !important;
    text-shadow: 0 0 9px rgba(72,211,91,.55) !important;
}

/* Saját logó + sarokvirág – visszafogott ragyogással */
html[data-theme="toxic"] .logo-wrap img,
html[data-theme="toxic"] .auth-brand img,
html[data-theme="toxic"] .mm-mobile-brand img {
    content: url("/assets/images/logo-toxic.png") !important;
    filter: brightness(1.04) saturate(1.04)
            drop-shadow(0 0 7px rgba(72,211,91,.26)) !important;
    opacity: .97 !important;
}
html[data-theme="toxic"] .header-flower {
    content: url("/assets/images/corner-flower-toxic.png") !important;
    filter: brightness(1.03) saturate(1.04)
            drop-shadow(0 0 6px rgba(72,211,91,.22)) !important;
    opacity: .93 !important;
}

/* Saját csúszka */
html[data-theme="toxic"] .mm-overlay-scrollbar {
    background: rgba(72,211,91,.06) !important;
}
html[data-theme="toxic"] .mm-overlay-scrollbar-thumb {
    background: linear-gradient(180deg, #b7f36b 0%, #48d35b 50%, #1f8f3c 100%) !important;
    background-image: linear-gradient(180deg, #b7f36b 0%, #48d35b 50%, #1f8f3c 100%) !important;
    box-shadow: 0 0 8px rgba(72,211,91,.46) !important;
}

/* Közlemény */
html[data-theme="toxic"] .announcement-box,
html[data-theme="toxic"] .announcement-card {
    background:
        radial-gradient(circle at 12% 15%, rgba(72,211,91,.12), transparent 34%),
        linear-gradient(135deg, #122617 0%, #0d1a10 48%, #071009 100%) !important;
    background-color: #0d1a10 !important;
    border-color: rgba(72,211,91,.52) !important;
    box-shadow: 0 0 20px rgba(72,211,91,.15) !important;
    color: #f4ffe9 !important;
}
html[data-theme="toxic"] .announcement-box h2,
html[data-theme="toxic"] .announcement-card h2 {
    color: #b7f36b !important;
    text-shadow: 0 0 10px rgba(72,211,91,.25) !important;
}
html[data-theme="toxic"] .announcement-box a,
html[data-theme="toxic"] .announcement-card a {
    border-color: rgba(72,211,91,.58) !important;
    color: #d8ff9c !important;
    background: rgba(72,211,91,.06) !important;
}

/* Fő felületek */
html[data-theme="toxic"] .latest-card,
html[data-theme="toxic"] .latest-card-new,
html[data-theme="toxic"] .project-card,
html[data-theme="toxic"] .cover-card,
html[data-theme="toxic"] .info-card,
html[data-theme="toxic"] .description-card,
html[data-theme="toxic"] .chapters-card,
html[data-theme="toxic"] .profile-left-card,
html[data-theme="toxic"] .profile-main-card,
html[data-theme="toxic"] .profile-settings-card,
html[data-theme="toxic"] .profile-details-card,
html[data-theme="toxic"] .profile-info-grid > div,
html[data-theme="toxic"] .admin-card,
html[data-theme="toxic"] .admin-panel,
html[data-theme="toxic"] .upload-page-panel {
    background: linear-gradient(145deg, rgba(17,39,25,.97), rgba(6,12,8,.985)) !important;
    border-color: rgba(72,211,91,.36) !important;
    box-shadow:
        0 0 17px rgba(72,211,91,.10),
        inset 0 0 20px rgba(72,211,91,.02) !important;
}

/* Címek */
html[data-theme="toxic"] .projects-title,
html[data-theme="toxic"] .section-head h1,
html[data-theme="toxic"] .profile-main-card h2,
html[data-theme="toxic"] .profile-settings-card h2,
html[data-theme="toxic"] .profile-details-card summary,
html[data-theme="toxic"] .section-title {
    color: #b7f36b !important;
    text-shadow: 0 0 10px rgba(72,211,91,.30) !important;
}

/* Projektek oldal */
html[data-theme="toxic"] .projects-search input {
    background: rgba(5,10,6,.94) !important;
    border-color: #1f8f3c !important;
    color: #f4ffe9 !important;
}
html[data-theme="toxic"] .projects-search input::placeholder {
    color: #78a96d !important;
}
html[data-theme="toxic"] .project-tabs a {
    border-color: #1f8f3c !important;
    color: #c8efb5 !important;
    background: rgba(31,143,60,.07) !important;
}
html[data-theme="toxic"] .project-tabs a.active,
html[data-theme="toxic"] .project-tabs a:hover {
    background: linear-gradient(135deg, #48d35b, #1f8f3c) !important;
    border-color: #b7f36b !important;
    color: #fff !important;
    box-shadow: 0 0 13px rgba(72,211,91,.32) !important;
}
html[data-theme="toxic"] .project-card-body h3 {
    color: #b7f36b !important;
    text-shadow: 0 0 7px rgba(72,211,91,.24) !important;
}
html[data-theme="toxic"] .project-card-body p,
html[data-theme="toxic"] .project-desc {
    color: #b7dea5 !important;
}
html[data-theme="toxic"] .project-card .genre-tag,
html[data-theme="toxic"] .project-card .genre-badge,
html[data-theme="toxic"] .project-card .genre-bubble,
html[data-theme="toxic"] .info-card .genre-bubble,
html[data-theme="toxic"] .genres span,
html[data-theme="toxic"] .project-genres span,
html[data-theme="toxic"] .meta-genres span {
    background: rgba(31,143,60,.15) !important;
    border-color: rgba(72,211,91,.46) !important;
    color: #d8ff9c !important;
}

/* Általános gombok */
html[data-theme="toxic"] .all-projects-btn,
html[data-theme="toxic"] .latest-all-btn,
html[data-theme="toxic"] .latest-section .btn-outline,
html[data-theme="toxic"] .action-btn,
html[data-theme="toxic"] .read-btn {
    border-color: #48d35b !important;
    color: #d8ff9c !important;
    background: rgba(31,143,60,.08) !important;
}
html[data-theme="toxic"] .all-projects-btn:hover,
html[data-theme="toxic"] .latest-all-btn:hover,
html[data-theme="toxic"] .latest-section .btn-outline:hover,
html[data-theme="toxic"] .action-btn:hover,
html[data-theme="toxic"] .read-btn:hover {
    background: rgba(72,211,91,.12) !important;
    box-shadow: 0 0 13px rgba(72,211,91,.20) !important;
}

/* Fejezetlista / olvasó */
html[data-theme="toxic"] .chapter-row-full,
html[data-theme="toxic"] .chapter-row,
html[data-theme="toxic"] .reader-page,
html[data-theme="toxic"] .chapter-page,
html[data-theme="toxic"] .reader-wrapper,
html[data-theme="toxic"] .reader-container,
html[data-theme="toxic"] .reader-main {
    background: linear-gradient(145deg, rgba(16,34,21,.96), rgba(5,10,6,.99)) !important;
    border-color: rgba(72,211,91,.34) !important;
}
html[data-theme="toxic"] .chapter-main-info strong,
html[data-theme="toxic"] .reader-title h1 {
    color: #b7f36b !important;
}
html[data-theme="toxic"] .chapter-subtitle,
html[data-theme="toxic"] .chapter-meta,
html[data-theme="toxic"] .chapter-uploader,
html[data-theme="toxic"] .reader-title p {
    color: #9dcc8b !important;
}

/* 18+ és elolvasva pipa */
html[data-theme="toxic"] body .chapter18 {
    background: linear-gradient(135deg, #b7f36b 0%, #48d35b 100%) !important;
    background-image: linear-gradient(135deg, #b7f36b 0%, #48d35b 100%) !important;
    border: 1px solid #d8ff9c !important;
    color: #0b2a10 !important;
    box-shadow: 0 0 12px rgba(72,211,91,.30) !important;
    text-shadow: none !important;
    opacity: 1 !important;
    filter: none !important;
}
html[data-theme="toxic"] .chapter-read-check {
    background: linear-gradient(135deg, #b7f36b 0%, #48d35b 55%, #1f8f3c 100%) !important;
    background-image: linear-gradient(135deg, #b7f36b 0%, #48d35b 55%, #1f8f3c 100%) !important;
    border-color: #d8ff9c !important;
    color: #08220d !important;
    box-shadow: 0 0 10px rgba(72,211,91,.28) !important;
}

/* Projekt adatlap */
html[data-theme="toxic"] .info-card h1 {
    color: #b7f36b !important;
}
html[data-theme="toxic"] .info-card .korean-title,
html[data-theme="toxic"] .info-card p.korean-title {
    color: #87c875 !important;
    -webkit-text-fill-color: #87c875 !important;
}
html[data-theme="toxic"] .info-row strong {
    color: #7be86f !important;
}

/* Projekt adatlap szív – külön kedvelt/nem kedvelt állapot */
html[data-theme="toxic"] .cover-card .action-btn.project-like-main:not(.liked) {
    background: rgba(24,75,34,.22) !important;
    background-image: none !important;
    border-color: #2ca246 !important;
    color: #d8ff9c !important;
    box-shadow: 0 0 7px rgba(72,211,91,.10) !important;
}
html[data-theme="toxic"] .cover-card .action-btn.project-like-main.liked,
html[data-theme="toxic"] .cover-card .action-btn.project-like-main.liked:hover,
html[data-theme="toxic"] .cover-card .action-btn.project-like-main.liked:focus,
html[data-theme="toxic"] .cover-card .action-btn.project-like-main.liked:active {
    background: linear-gradient(135deg, #176e31 0%, #2ca246 52%, #55d85f 100%) !important;
    background-image: linear-gradient(135deg, #176e31 0%, #2ca246 52%, #55d85f 100%) !important;
    border-color: #9ff27e !important;
    color: #f4ffe9 !important;
    box-shadow: 0 0 11px rgba(72,211,91,.20) !important;
}
html[data-theme="toxic"] .cover-card a.project-like-main .mm-like-icon {
    filter: none !important;
}

/* Fejezetlista szív – a szív marad rózsaszín/piros és jól látható */
html[data-theme="toxic"] body .chapter-row-full .chapter-buttons .chapter-like-btn:not(.liked),
html[data-theme="toxic"] body .chapter-row-full .chapter-buttons .chapter-like-btn:not(.liked):focus,
html[data-theme="toxic"] body .chapter-row-full .chapter-buttons .chapter-like-btn:not(.liked):active {
    background: rgba(24,75,34,.20) !important;
    background-image: none !important;
    border-color: #2ca246 !important;
    color: #ff3f78 !important;
    box-shadow: 0 0 7px rgba(72,211,91,.08) !important;
    text-shadow: none !important;
}
html[data-theme="toxic"] body .chapter-row-full .chapter-buttons .chapter-like-btn:not(.liked):hover {
    background: rgba(36,110,50,.28) !important;
    background-image: none !important;
    border-color: #48d35b !important;
    color: #ff3f78 !important;
}
html[data-theme="toxic"] body .chapter-row-full .chapter-buttons .chapter-like-btn.liked,
html[data-theme="toxic"] body .chapter-row-full .chapter-buttons .chapter-like-btn.liked:hover,
html[data-theme="toxic"] body .chapter-row-full .chapter-buttons .chapter-like-btn.liked:focus,
html[data-theme="toxic"] body .chapter-row-full .chapter-buttons .chapter-like-btn.liked:active {
    background: linear-gradient(135deg, #176e31 0%, #2ca246 52%, #55d85f 100%) !important;
    background-image: linear-gradient(135deg, #176e31 0%, #2ca246 52%, #55d85f 100%) !important;
    border-color: #9ff27e !important;
    color: #ff3f78 !important;
    box-shadow: 0 0 11px rgba(72,211,91,.18) !important;
    text-shadow: none !important;
}

/* Projektkártya felső kedvelés pill – külön állapot */
html[data-theme="toxic"] body .project-card .project-card-like-toggle:not(.liked),
html[data-theme="toxic"] body .project-card .project-card-like-toggle:not(.liked):hover,
html[data-theme="toxic"] body .project-card .project-card-like-toggle:not(.liked):focus-visible,
html[data-theme="toxic"] body .project-card .project-card-like-toggle:not(.liked):active {
    background: rgba(18,58,27,.90) !important;
    background-image: none !important;
    border: 1px solid rgba(72,211,91,.54) !important;
    color: #f4ffe9 !important;
    box-shadow: 0 0 7px rgba(72,211,91,.10) !important;
    transform: none !important;
}
html[data-theme="toxic"] body .project-card .project-card-like-toggle.liked,
html[data-theme="toxic"] body .project-card .project-card-like-toggle.liked:hover,
html[data-theme="toxic"] body .project-card .project-card-like-toggle.liked:focus-visible,
html[data-theme="toxic"] body .project-card .project-card-like-toggle.liked:active {
    background: linear-gradient(135deg, #176e31 0%, #2ca246 52%, #55d85f 100%) !important;
    background-image: linear-gradient(135deg, #176e31 0%, #2ca246 52%, #55d85f 100%) !important;
    border: 1px solid #9ff27e !important;
    color: #ffffff !important;
    box-shadow: 0 0 11px rgba(72,211,91,.20) !important;
    transform: none !important;
}

/* Profil */
html[data-theme="toxic"] .profile-info-grid span,
html[data-theme="toxic"] .profile-settings-card label,
html[data-theme="toxic"] .profile-mini-form label {
    color: #87c875 !important;
}
html[data-theme="toxic"] .profile-details-card summary,
html[data-theme="toxic"] .profile-quick-actions a {
    border-color: rgba(72,211,91,.38) !important;
    color: #d8ff9c !important;
    background: rgba(31,143,60,.06) !important;
}
html[data-theme="toxic"] .profile-avatar-upload-btn,
html[data-theme="toxic"] .profile-mini-form button,
html[data-theme="toxic"] .profile-settings-card button {
    background: linear-gradient(135deg, #48d35b, #1f8f3c) !important;
    border-color: #b7f36b !important;
    color: #fff !important;
    box-shadow: 0 0 13px rgba(72,211,91,.20) !important;
}

/* Profil névszín preset – mint a bordó/amber: ne legyen telibe gradient */
html[data-theme="toxic"] body .profile-gradient-preset {
    background: rgba(5,10,6,.78) !important;
    background-image: none !important;
    border-color: rgba(72,211,91,.28) !important;
    box-shadow: none !important;
}
html[data-theme="toxic"] body .profile-gradient-preset:hover {
    background: rgba(72,211,91,.045) !important;
    background-image: none !important;
    border-color: rgba(72,211,91,.54) !important;
    box-shadow: 0 0 9px rgba(72,211,91,.08) !important;
}
html[data-theme="toxic"] body .profile-gradient-preset.selected {
    background: rgba(72,211,91,.06) !important;
    background-image: none !important;
    border-color: #7be86f !important;
    box-shadow: 0 0 11px rgba(72,211,91,.11) !important;
}

/* Auth */
html[data-theme="toxic"] .auth-card-pretty {
    background: linear-gradient(145deg, rgba(17,39,25,.97), rgba(5,10,6,.99)) !important;
    border-color: rgba(72,211,91,.40) !important;
    box-shadow: 0 0 21px rgba(72,211,91,.13) !important;
}
html[data-theme="toxic"] .auth-brand h1,
html[data-theme="toxic"] .auth-card-pretty h2 {
    color: #b7f36b !important;
    text-shadow: 0 0 11px rgba(72,211,91,.24) !important;
}
html[data-theme="toxic"] .auth-gradient-btn {
    background: linear-gradient(135deg, #48d35b, #1f8f3c) !important;
    box-shadow: 0 0 15px rgba(72,211,91,.20) !important;
}

/* Lábléc + szirmok */
html[data-theme="toxic"] .site-footer {
    border-top-color: rgba(72,211,91,.34) !important;
    background: rgba(5,10,6,.94) !important;
    color: #9dcc8b !important;
}
html[data-theme="toxic"] #petalContainer .petal,
html[data-theme="toxic"] .petal {
    color: #7be86f !important;
    text-shadow: 0 0 7px rgba(72,211,91,.50) !important;
}
html[data-theme="toxic"] #petalToggle,
html[data-theme="toxic"] .petal-toggle,
html[data-theme="toxic"] .petal-toggle-btn {
    border-color: rgba(72,211,91,.52) !important;
    color: #b7f36b !important;
    background: rgba(31,143,60,.06) !important;
    box-shadow: 0 0 10px rgba(72,211,91,.14) !important;
}

/* Funkciószínek maradjanak fixek */
html[data-theme="toxic"] .status-folyamatban {
    background: linear-gradient(135deg, #43d86a, #2e9f4e) !important;
}
html[data-theme="toxic"] .status-befejezett,
html[data-theme="toxic"] .project-status-corner.status-befejezett {
    background: linear-gradient(135deg, #c026ff 0%, #7c3aed 100%) !important;
    background-image: linear-gradient(135deg, #c026ff 0%, #7c3aed 100%) !important;
}
html[data-theme="toxic"] .status-tervezett {
    background: linear-gradient(135deg, #53b5ff, #2f88ff) !important;
}
html[data-theme="toxic"] .status-szunetel {
    background: linear-gradient(135deg, #ff6a6a, #d9364d) !important;
}

@media (max-width: 1380px) {
    html[data-theme="toxic"] .mm-mobile-header {
        background: linear-gradient(90deg, #050905 0%, #0c160d 50%, #050905 100%) !important;
        border-bottom-color: #48d35b !important;
        box-shadow: 0 0 13px rgba(72,211,91,.24) !important;
    }
}

/* ============================================================
   HOGY TETSZETT? – KÉK ÉS EZÜST KIVÁLASZTOTT ÁLLAPOT FINOMÍTÁSA
   ============================================================ */

/* KÉK – finom, sötét kékes kiválasztás */
html[data-theme="blue"] body .reaction-btn.active,
html[data-theme="blue"] body .reaction-btn.selected {
    background: linear-gradient(
        135deg,
        rgba(60,150,244,.18) 0%,
        rgba(38,103,201,.14) 100%
    ) !important;
    background-image: linear-gradient(
        135deg,
        rgba(60,150,244,.18) 0%,
        rgba(38,103,201,.14) 100%
    ) !important;
    border-color: rgba(121,189,255,.82) !important;
    color: var(--mm-text) !important;
    box-shadow:
        0 0 12px rgba(60,150,244,.22),
        inset 0 0 18px rgba(60,150,244,.05) !important;
    transform: translateY(-2px);
}

/* EZÜST – finom, sötét ezüstös kiválasztás */
html[data-theme="silver"] body .reaction-btn.active,
html[data-theme="silver"] body .reaction-btn.selected {
    background: linear-gradient(
        135deg,
        rgba(200,204,210,.16) 0%,
        rgba(119,126,137,.12) 100%
    ) !important;
    background-image: linear-gradient(
        135deg,
        rgba(200,204,210,.16) 0%,
        rgba(119,126,137,.12) 100%
    ) !important;
    border-color: rgba(216,219,224,.82) !important;
    color: #f3f4f6 !important;
    box-shadow:
        0 0 12px rgba(225,228,233,.18),
        inset 0 0 18px rgba(225,228,233,.04) !important;
    transform: translateY(-2px);
}

/* ============================================================
   KÉK TÉMA – FEJEZETLISTA SZÍV ÁLLAPOT VÉGLEGES JAVÍTÁSA
   A korábbi általános blue .chapter-like-btn szabályt felülírja.
   ============================================================ */

/* NEM KEDVELT: sötét alap, csak kék keret */
html[data-theme="blue"] body .chapter-row-full .chapter-buttons .chapter-like-btn:not(.liked),
html[data-theme="blue"] body .chapter-row-full .chapter-buttons .chapter-like-btn:not(.liked):focus,
html[data-theme="blue"] body .chapter-row-full .chapter-buttons .chapter-like-btn:not(.liked):active {
    background: rgba(60,150,244,.08) !important;
    background-image: none !important;
    border-color: #3c96f4 !important;
    color: #ff4b6e !important;
    box-shadow: 0 0 8px rgba(60,150,244,.12) !important;
    text-shadow: none !important;
}

/* NEM KEDVELT hover: csak enyhe kiemelés, továbbra sem telibe kék */
html[data-theme="blue"] body .chapter-row-full .chapter-buttons .chapter-like-btn:not(.liked):hover {
    background: rgba(60,150,244,.16) !important;
    background-image: none !important;
    border-color: #79bdff !important;
    color: #ff4b6e !important;
    box-shadow: 0 0 12px rgba(60,150,244,.20) !important;
}

/* KEDVELT: csak ekkor legyen kitöltött kék */
html[data-theme="blue"] body .chapter-row-full .chapter-buttons .chapter-like-btn.liked,
html[data-theme="blue"] body .chapter-row-full .chapter-buttons .chapter-like-btn.liked:hover,
html[data-theme="blue"] body .chapter-row-full .chapter-buttons .chapter-like-btn.liked:focus,
html[data-theme="blue"] body .chapter-row-full .chapter-buttons .chapter-like-btn.liked:active {
    background: linear-gradient(135deg, #3c96f4, #2667c9) !important;
    background-image: linear-gradient(135deg, #3c96f4, #2667c9) !important;
    border-color: #79bdff !important;
    color: #ff4b6e !important;
    box-shadow: 0 0 16px rgba(60,150,244,.32) !important;
}



/* ============================================================
   ADMIN – TÉMAKÖVETŐ ELSŐDLEGES GOMBOK
   A külön admin oldalak régi fix rózsaszín/lila gradienseit írja felül.
   ============================================================ */
html[data-theme] .blue-btn,
html[data-theme] .admin-add-btn,
html[data-theme] .admin-save-btn,
html[data-theme] .chapter-save-btn,
html[data-theme] .mm-upload-action-primary,
html[data-theme] .mm-date-save,
html[data-theme] .mmpe-date-save,
html[data-theme] .users-search-button,
html[data-theme] .joined-date-admin-row button[type="submit"],
html[data-theme] .permission-add-form button[type="submit"],
html[data-theme] .sticker-upload-button-wrap button[type="submit"] {
    background: linear-gradient(135deg, var(--mm-accent), var(--mm-accent-2)) !important;
    border-color: var(--mm-accent-light) !important;
    color: #fff !important;
    box-shadow: 0 0 16px rgba(var(--mm-accent-rgb), .28) !important;
}


/* ============================================================
   ADMIN – TÉMAKÖVETŐ KAPCSOLÓK ÉS KIEMELŐ FELIRATOK
   A valódi veszély/figyelmeztetés színeket nem írja felül.
   ============================================================ */
html[data-theme] .adult-checkbox,
html[data-theme] .upload-check-row,
html[data-theme] .upload-page-panel label,
html[data-theme] .admin-panel label {
    color: var(--mm-accent-pale) !important;
}

html[data-theme] .adult-checkbox input[type="checkbox"],
html[data-theme] .upload-check-row input[type="checkbox"] {
    accent-color: var(--mm-accent) !important;
}

html[data-theme] .chapter18 {
    background: linear-gradient(135deg, var(--mm-accent), var(--mm-accent-2)) !important;
    border-color: var(--mm-accent-light) !important;
    box-shadow: 0 0 10px rgba(var(--mm-accent-rgb), .35) !important;
}

/* Kommentkezelő projekt/fejezet kiemelése */
html[data-theme] .mm-project-chapter-line strong,
html[data-theme] .project-box .mm-project-chapter-line strong {
    color: var(--mm-accent-soft) !important;
}
html[data-theme] .mm-project-chapter-line strong::after,
html[data-theme] .project-box .mm-project-chapter-line strong::after {
    color: var(--mm-accent) !important;
}

/* Általános admin fókusz/ikon kiemelések */
html[data-theme] .joined-date-picker-trigger i,
html[data-theme] .project-search-icon,
html[data-theme] .mm-search-suggestion i {
    color: var(--mm-accent) !important;
}

/* ============================================================
   ADMIN – RÓLUNK LÁTHATÓ KAPCSOLÓ
   Nagyobb specificitás, mert az about.php saját <style> blokkja
   a központi style.css UTÁN töltődik és !important szabályokat használ.
   Csak megjelenés, működéshez nem nyúl.
   ============================================================ */
html[data-theme] body .page .about-admin-page form.about-admin-form
label.about-visible-check.about-visible-check {
    border-color: rgba(var(--mm-accent-rgb), .42) !important;
    background: linear-gradient(
        135deg,
        rgba(var(--mm-accent-rgb), .10),
        rgba(var(--mm-accent2-rgb), .09)
    ) !important;
    color: var(--mm-accent-pale) !important;
}

html[data-theme] body .page .about-admin-page form.about-admin-form
label.about-visible-check.about-visible-check input[type="checkbox"] {
    border-color: rgba(var(--mm-accent-rgb), .58) !important;
    background: rgba(var(--mm-bg-rgb), .94) !important;
}

html[data-theme] body .page .about-admin-page form.about-admin-form
label.about-visible-check.about-visible-check input[type="checkbox"]::after {
    background: var(--mm-text-soft) !important;
    box-shadow: 0 0 10px rgba(var(--mm-text-soft-rgb), .35) !important;
}

html[data-theme] body .page .about-admin-page form.about-admin-form
label.about-visible-check.about-visible-check input[type="checkbox"]:checked {
    background: linear-gradient(
        90deg,
        var(--mm-accent),
        var(--mm-accent-2)
    ) !important;
    border-color: var(--mm-accent-light) !important;
    box-shadow: 0 0 16px rgba(var(--mm-accent-rgb), .34) !important;
}

html[data-theme] body .page .about-admin-page form.about-admin-form
label.about-visible-check.about-visible-check input[type="checkbox"]:checked::after {
    background: #fff !important;
}