:root{--page-bg:#cfcfcf;--panel-bg:#ececec;--line:#9ea6ad;--line-soft:#c5c9cc;--text:#1e1e1e;--red:#c7332d;--green:#287c28;--blue:#244f78}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--page-bg);font-size:13px}a{color:#244f78;text-decoration:none}a:hover{text-decoration:underline}.hero{height:160px;background:linear-gradient(90deg,rgba(255,255,255,.75),rgba(173,201,219,.65),rgba(255,255,255,.75)),linear-gradient(#d9edf8,#aec7d7);border-bottom:1px solid #89949b;overflow:hidden}.hero-inner{max-width:1180px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo-wrap{display:flex;align-items:center;gap:12px}.tv-icon{font-size:58px;color:#2f2f2f;text-shadow:0 1px 0 #fff}.site-logo{font-size:50px;line-height:.95;font-weight:900;color:#202020;letter-spacing:-2px;text-shadow:0 2px 0 #fff,0 3px 4px rgba(0,0,0,.25)}.site-logo span{color:#315d82}.tagline{text-align:center;font-weight:bold;color:#4b4b4b;margin-top:5px}.poster-stack{display:flex;gap:4px;align-items:flex-end}.poster-stack div{width:42px;height:58px;border:3px solid #333;background:linear-gradient(135deg,#516a78,#111 55%,#6a3d35);box-shadow:0 2px 4px rgba(0,0,0,.45)}.poster-stack div:nth-child(2){height:70px}.poster-stack div:nth-child(3){height:82px}.poster-stack div:nth-child(4){height:68px}.poster-stack div:nth-child(5){height:90px}.poster-stack-left{transform:perspective(300px) rotateY(14deg)}.poster-stack-right{transform:perspective(300px) rotateY(-14deg)}.main-nav{background:linear-gradient(#f8f8f8,#dedede);border-bottom:1px solid #9ba2a7}.nav-inner{max-width:1180px;margin:0 auto;display:flex;align-items:stretch}.main-nav a{display:block;padding:7px 18px;color:#262626;font-size:11px;font-weight:bold;border-left:1px solid #c0c4c7;text-decoration:none}.main-nav a:last-of-type{border-right:1px solid #c0c4c7}.main-nav a:hover{background:#e3eaef}.main-nav a.active{color:var(--red);background:#fff;box-shadow:inset 0 -2px 0 var(--red)}.nav-user{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:11px;color:#444}.nav-user a{border:0!important;padding:7px 5px}.user-role{color:#777}.page-wrap{width:min(920px,calc(100% - 30px));margin:20px auto 28px}.box{border:1px solid #99a2a9;background:#e9e9e9;margin-bottom:14px}.box-title{min-height:28px;padding:5px 10px;background:linear-gradient(#d8dde1,#c5cbd0);border-bottom:1px solid #9aa2a8;display:flex;justify-content:space-between;align-items:center;font-weight:bold;font-size:14px;color:#303030}.box-link{font-size:11px;font-weight:normal;color:#444}.box-content{padding:10px;background:#ececec}.news-item{display:grid;grid-template-columns:95px 1fr 70px;gap:10px;padding:10px 0;border-bottom:1px solid #c2c6c9}.news-item:last-child{border-bottom:0}.news-date{color:var(--red);font-weight:bold}.news-text strong{display:block;margin-bottom:4px}.news-more{text-align:right;font-weight:bold;color:#444}.shoutbox{border:1px solid #aeb4b8;background:#f4f4f4}.shout-row{display:grid;grid-template-columns:85px 1fr 70px;gap:8px;padding:7px 8px;border-bottom:1px solid #cfd2d4}.shout-row:last-child{border-bottom:0}.shout-user{font-weight:bold}.shout-time{text-align:right;color:#666}.role-admin{color:#c42d28}.role-moderator{color:#1d63a0}.role-user{color:#222}.shout-form{display:grid;grid-template-columns:1fr 80px;gap:8px;margin-top:9px}.shout-form input,.stack-form input,.stack-form textarea{border:1px solid #a7adb2;background:#fff;padding:6px 7px;font:inherit}button{border:1px solid #89929a;background:linear-gradient(#fefefe,#d6dbe0);color:#2d2d2d;padding:6px 12px;cursor:pointer;font-weight:bold}button:hover{background:linear-gradient(#fff,#c8d2da)}.shout-footer{margin-top:8px;font-size:11px}.shout-footer span{float:right}.poll-question{display:block;margin-bottom:10px}.poll-result-row{display:grid;grid-template-columns:230px 1fr 55px 50px;gap:8px;align-items:center;margin:5px 0}.poll-bar{height:12px;border:1px solid #9da6ad;background:#fff}.poll-bar span{display:block;height:100%;background:#3b6485}.poll-total{text-align:center;margin-top:8px;font-weight:bold}.poll-form label{display:block;margin:6px 0}.poll-form button{margin-top:8px}.home-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.active-users{line-height:1.8}.active-users span::after{content:', ';color:#777}.active-users span:last-child::after{content:''}.stats-list>div{display:flex;justify-content:space-between;padding:3px 0}.footer{border-top:1px solid #9ca4aa;background:#b9c8d3;text-align:center;padding:10px;color:#3e3e3e;font-size:11px}.footer-links{margin-top:4px}.placeholder-page{min-height:180px;display:grid;place-items:center;color:#666}.empty{color:#777;padding:8px}.auth-body{background:#cfcfcf;padding:70px 15px}.auth-box{width:min(430px,100%);margin:0 auto}.auth-logo{text-align:center;font-size:36px;font-weight:900;color:#222;margin-bottom:14px}.auth-logo span{color:#315d82}.stack-form{display:grid;gap:6px}.stack-form label{margin-top:6px;font-weight:bold}.stack-form button{margin-top:8px}.auth-link{margin-top:12px;text-align:center}.alert,.success{padding:8px 10px;margin-bottom:10px;border:1px solid}.alert{color:#7a2424;background:#f4dddd;border-color:#c59a9a}.success{color:#285d28;background:#dff0df;border-color:#a5c7a5}@media(max-width:760px){.hero{height:120px}.site-logo{font-size:36px}.tv-icon{font-size:42px}.poster-stack{display:none}.hero-inner{justify-content:center}.nav-inner{overflow-x:auto}.main-nav a{white-space:nowrap}.nav-user{display:none}.home-bottom-grid{grid-template-columns:1fr}.news-item{grid-template-columns:82px 1fr}.news-more{display:none}.poll-result-row{grid-template-columns:150px 1fr 45px 40px}}


/* Sorozataim v0.2 */
.myshows-box .box-content {
    padding-top: 0;
}

.myshows-tabs {
    display: flex;
    align-items: stretch;
    background: linear-gradient(#f8f8f8, #dddddd);
    border-bottom: 1px solid #9ea6ad;
}

.myshows-tabs a {
    min-width: 145px;
    padding: 8px 14px;
    border-right: 1px solid #bcc1c5;
    color: #303030;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.myshows-tabs a:hover {
    background: #e5ebef;
}

.myshows-tabs a.active {
    background: #ffffff;
    color: #c7332d;
    box-shadow: inset 0 -2px 0 #c7332d;
}

.myshows-tabs a span {
    color: #777;
    font-weight: normal;
    margin-left: 3px;
}

.myshows-content {
    background: #ededed;
}

.myshows-heading {
    display: flex;
    justify-content: space-between;
    padding: 10px 8px 8px;
    color: #404040;
    border-bottom: 1px solid #bfc4c7;
}

.myshows-heading span {
    color: #777;
    font-size: 11px;
}

.myshows-list {
    border: 1px solid #aeb4b8;
    border-top: 0;
    background: #f7f7f7;
}

.myshows-row {
    display: flex;
    align-items: center;
    min-height: 34px;
    padding: 6px 10px;
    border-bottom: 1px solid #d0d3d5;
    color: #222;
    font-weight: bold;
    text-decoration: none;
}

.myshows-row:last-child {
    border-bottom: 0;
}

.myshows-row:nth-child(even) {
    background: #eeeeee;
}

.myshows-row:hover {
    background: #dfe7ec;
    color: #244f78;
    text-decoration: none;
}

.series-bullet {
    width: 18px;
    color: #7c8f9e;
    font-size: 17px;
    font-weight: bold;
}

.myshows-empty {
    margin-top: 10px;
    padding: 28px 20px;
    border: 1px solid #b7bcc0;
    background: #f6f6f6;
    text-align: center;
    color: #666;
}

.myshows-empty strong {
    display: block;
    margin-bottom: 7px;
    color: #444;
}

@media (max-width: 760px) {
    .myshows-tabs {
        overflow-x: auto;
    }

    .myshows-tabs a {
        min-width: 125px;
        white-space: nowrap;
    }
}


/* v0.3 - Admin / TVmaze / Felfedező */
.admin-nav-link {
    color: #c7332d !important;
    font-weight: bold;
}

.admin-section-title {
    margin-bottom: 9px;
    font-weight: bold;
    color: #333;
}

.admin-search-form,
.discover-search {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    margin-bottom: 12px;
}

.admin-search-form input,
.discover-search input,
.discover-add-form select {
    border: 1px solid #a7adb2;
    background: #fff;
    padding: 6px 7px;
    font: inherit;
}

.admin-import-list,
.discover-list {
    border: 1px solid #aeb4b8;
    background: #f7f7f7;
}

.admin-import-row,
.discover-row {
    min-height: 42px;
    padding: 7px 9px;
    border-bottom: 1px solid #cfd2d4;
}

.admin-import-row:last-child,
.discover-row:last-child {
    border-bottom: 0;
}

.admin-import-row:nth-child(even),
.discover-row:nth-child(even) {
    background: #eeeeee;
}

.admin-import-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.admin-import-row strong {
    margin-right: 8px;
}

.admin-import-row span {
    color: #666;
}

.admin-import-row small {
    display: block;
    margin-top: 3px;
    color: #888;
}

.rank-info > div {
    padding: 5px 0;
    border-bottom: 1px solid #d0d3d5;
}

.rank-info > div:last-child {
    border-bottom: 0;
}

.discover-row {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) 180px 290px;
    gap: 10px;
    align-items: center;
}

.discover-name {
    color: #222;
    font-weight: bold;
}

.discover-current {
    color: #666;
    font-size: 11px;
}

.discover-add-form {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 6px;
}

.discover-search a {
    align-self: center;
    margin-left: 4px;
}

.show-placeholder {
    min-height: 180px;
}

@media (max-width: 760px) {
    .discover-row {
        grid-template-columns: 1fr;
    }

    .discover-add-form {
        grid-template-columns: 1fr auto;
    }
}


/* v0.4 - Sorozat adatlap / évadok / epizódok */
.show-detail {
    display: grid;
    grid-template-columns: 190px 1fr;
    gap: 18px;
}

.show-poster {
    width: 190px;
    min-height: 270px;
    border: 1px solid #9fa5aa;
    background: #d8d8d8;
    padding: 4px;
}

.show-poster img {
    display: block;
    width: 100%;
    height: auto;
}

.no-image {
    min-height: 260px;
    display: grid;
    place-items: center;
    color: #777;
}

.show-info h1 {
    margin: 0 0 9px;
    font-size: 22px;
    color: #333;
}

.show-meta {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 12px;
}

.show-meta th,
.show-meta td {
    padding: 4px 6px;
    border-bottom: 1px solid #d0d3d5;
    text-align: left;
    vertical-align: top;
}

.show-meta th {
    width: 150px;
    color: #555;
}

.show-summary {
    border: 1px solid #c1c5c8;
    background: #f7f7f7;
    padding: 10px;
    line-height: 1.45;
    color: #444;
    margin-bottom: 12px;
}

.show-status-form {
    display: flex;
    align-items: center;
    gap: 7px;
}

.show-status-form label {
    font-weight: bold;
}

.show-status-form select {
    border: 1px solid #a7adb2;
    background: #fff;
    padding: 6px 7px;
}

.season-list {
    display: grid;
    gap: 8px;
}

.season {
    border: 1px solid #a7adb2;
    background: #f4f4f4;
}

.season summary {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 9px;
    background: linear-gradient(#e5e8ea, #d2d6d9);
    border-bottom: 1px solid #a7adb2;
    font-weight: bold;
    color: #333;
}

.season summary::-webkit-details-marker {
    display: none;
}

.season-action {
    padding: 7px 8px;
    border-bottom: 1px solid #c9cdd0;
    background: #ededed;
}

.episode-list {
    background: #fff;
}

.episode-row {
    display: grid;
    grid-template-columns: 34px 70px 1fr 95px;
    gap: 7px;
    align-items: center;
    min-height: 32px;
    padding: 4px 8px;
    border-bottom: 1px solid #d5d8da;
}

.episode-row:last-child {
    border-bottom: 0;
}

.episode-row:nth-child(even) {
    background: #f1f1f1;
}

.episode-row.future {
    color: #999;
    background: #e8e8e8;
}

.episode-check {
    width: 25px;
    height: 23px;
    padding: 0;
    font-size: 15px;
    color: #267126;
}

.episode-check:disabled {
    color: #aaa;
    cursor: not-allowed;
}

.episode-code {
    font-weight: bold;
    color: #555;
}

.episode-name {
    color: #222;
}

.episode-date {
    text-align: right;
    color: #666;
    font-size: 11px;
}

@media (max-width: 760px) {
    .show-detail {
        grid-template-columns: 110px 1fr;
    }

    .show-poster {
        width: 110px;
        min-height: 160px;
    }

    .no-image {
        min-height: 150px;
    }

    .episode-row {
        grid-template-columns: 30px 58px 1fr;
    }

    .episode-date {
        grid-column: 3;
        text-align: left;
    }
}


/* =========================================================
   v0.4.1 – Sorozataim + sorozat adatlap vizuális finomítás
   Funkcionális változtatás nélkül.
   ========================================================= */

/* ---------- SOROZATAIM ---------- */

.myshows-box {
    background: #e5e5e5;
}

.myshows-box .box-title {
    min-height: 32px;
    padding-left: 12px;
}

.myshows-tabs {
    padding: 7px 8px 0;
    gap: 3px;
    align-items: flex-end;
    background: #d7dadd;
    border-bottom: 1px solid #9ea6ad;
}

.myshows-tabs a {
    min-width: 135px;
    padding: 8px 15px 7px;
    border: 1px solid #aeb4b8;
    border-bottom: 0;
    background: linear-gradient(#f5f5f5, #dcdcdc);
    color: #454545;
    font-size: 11px;
    text-shadow: 0 1px #fff;
}

.myshows-tabs a:hover {
    background: linear-gradient(#ffffff, #e5ebef);
    color: #244f78;
}

.myshows-tabs a.active {
    position: relative;
    top: 1px;
    background: #f7f7f7;
    color: #b92f2a;
    border-color: #969fa6;
    box-shadow: inset 0 3px 0 #a8bbc9;
}

.myshows-tabs a span {
    display: inline-block;
    min-width: 19px;
    margin-left: 4px;
    padding: 1px 4px;
    border: 1px solid #c2c5c8;
    background: #e9e9e9;
    color: #666;
    font-size: 10px;
}

.myshows-content {
    padding: 0 10px 10px !important;
    background: #f2f2f2 !important;
}

.myshows-heading {
    min-height: 36px;
    padding: 10px 8px 7px;
    align-items: center;
    border-bottom: 0;
}

.myshows-heading strong {
    font-size: 14px;
    color: #3c3c3c;
}

.myshows-heading span {
    padding: 2px 6px;
    border: 1px solid #c3c6c8;
    background: #e7e7e7;
}

.myshows-list {
    border: 1px solid #a7adb2;
    background: #fff;
}

.myshows-row {
    position: relative;
    min-height: 38px;
    padding: 8px 11px;
    border-bottom: 1px solid #d2d5d7;
    background: #fafafa;
    color: #282828;
    font-size: 13px;
}

.myshows-row:nth-child(even) {
    background: #f0f0f0;
}

.myshows-row:hover {
    background: #e2eaf0;
    color: #244f78;
}

.myshows-row:hover::after {
    content: "Adatlap »";
    margin-left: auto;
    color: #637b8c;
    font-size: 10px;
    font-weight: normal;
}

.series-bullet {
    width: 21px;
    color: #6f899b;
    font-size: 18px;
    line-height: 1;
}

.myshows-empty {
    margin: 8px 0 0;
    padding: 34px 20px;
    border: 1px solid #b2b7bb;
    background: #fafafa;
}


/* ---------- SOROZAT ADATLAP ---------- */

.show-detail {
    grid-template-columns: 178px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.show-poster {
    width: 178px;
    min-height: 250px;
    padding: 4px;
    border: 1px solid #929aa0;
    background: #d9dcde;
    box-shadow: 0 1px 3px rgba(0,0,0,.18);
}

.show-poster img {
    border: 1px solid #b3b3b3;
}

.show-info {
    min-width: 0;
}

.show-info h1 {
    margin: 0 0 8px;
    padding: 0 0 7px;
    border-bottom: 1px solid #aeb4b8;
    color: #294f6b;
    font-size: 22px;
    line-height: 1.1;
}

.show-meta {
    border: 1px solid #b7bcc0;
    background: #f7f7f7;
    margin-bottom: 10px;
}

.show-meta th,
.show-meta td {
    padding: 5px 8px;
    border-bottom: 1px solid #d3d6d8;
}

.show-meta tr:last-child th,
.show-meta tr:last-child td {
    border-bottom: 0;
}

.show-meta tr:nth-child(even) {
    background: #ededed;
}

.show-meta th {
    width: 145px;
    background: rgba(210,215,219,.45);
    color: #555;
    font-size: 11px;
}

.show-meta td {
    color: #303030;
}

.show-summary {
    margin: 0 0 10px;
    padding: 9px 10px;
    border: 1px solid #b9bec2;
    border-left: 3px solid #8da5b5;
    background: #f8f8f8;
    color: #444;
    line-height: 1.5;
}

.show-status-form {
    min-height: 37px;
    padding: 6px 8px;
    border: 1px solid #b7bcc0;
    background: #e5e8ea;
}

.show-status-form label {
    color: #444;
    font-size: 11px;
}

.show-status-form select {
    min-width: 145px;
}


/* ---------- ÉVADOK ---------- */

.season-list {
    gap: 7px;
}

.season {
    border: 1px solid #9fa7ad;
    background: #f6f6f6;
}

.season summary {
    min-height: 33px;
    padding: 8px 10px;
    background: linear-gradient(#dce2e6, #c8cfd4);
    border-bottom: 0;
    color: #334b5c;
    font-size: 12px;
    text-shadow: 0 1px #fff;
}

.season[open] summary {
    border-bottom: 1px solid #9fa7ad;
}

.season summary span:last-child {
    min-width: 55px;
    padding: 1px 5px;
    border: 1px solid #aab0b4;
    background: rgba(255,255,255,.55);
    color: #555;
    text-align: center;
    font-size: 10px;
}

.season-action {
    padding: 5px 7px;
    background: #e7e7e7;
}

.season-action button {
    padding: 4px 8px;
    font-size: 10px;
    font-weight: normal;
}

.episode-list {
    border-top: 0;
}

.episode-row {
    grid-template-columns: 30px 64px minmax(0, 1fr) 88px;
    min-height: 34px;
    padding: 4px 8px;
    background: #fafafa;
}

.episode-row:nth-child(even) {
    background: #eeeeee;
}

.episode-row:hover:not(.future) {
    background: #e4ebef;
}

.episode-row.future {
    background: #e5e5e5;
    color: #969696;
}

.episode-check {
    width: 22px;
    height: 22px;
    border: 1px solid #9da4a9;
    background: #fff;
    color: #267126;
    font-size: 14px;
}

.episode-check:hover:not(:disabled) {
    background: #eef5ee;
    border-color: #779377;
}

.episode-code {
    color: #60798a;
    font-size: 11px;
}

.episode-name {
    font-weight: bold;
    color: #333;
}

.episode-date {
    color: #777;
}


/* kisebb kijelző */
@media (max-width: 760px) {
    .myshows-tabs {
        padding-left: 5px;
        padding-right: 5px;
    }

    .myshows-tabs a {
        min-width: 118px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .show-detail {
        grid-template-columns: 115px minmax(0, 1fr);
        gap: 10px;
    }

    .show-poster {
        width: 115px;
        min-height: 165px;
    }

    .show-info h1 {
        font-size: 18px;
    }

    .show-meta th {
        width: 110px;
    }
}


/* =========================================================
   v0.4.2 - Sorozataim: bal lista + jobb oldali adatpanel
   ========================================================= */

.myshows-shell .box-title {
    min-height: 31px;
}

.myshows-layout {
    display: grid;
    grid-template-columns: 245px minmax(0, 1fr);
    min-height: 590px;
    background: #d4d4d4;
}

.myshows-left {
    border-right: 1px solid #939ba1;
    background: #e3e3e3;
    padding: 8px;
}

.myshows-right {
    min-width: 0;
    background: #eeeeee;
    padding: 8px;
}

.myshows-left-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 31px;
    padding: 6px 7px;
    border: 1px solid #aab0b4;
    background: linear-gradient(#dce1e4, #c8cdd1);
    color: #3f4d57;
}

.myshows-left-title span {
    color: #6e7478;
    font-size: 10px;
}

.series-name-list {
    margin-top: 6px;
    border: 1px solid #a9afb3;
    background: #f4f4f4;
}

.series-name-row {
    appearance: none;
    width: 100%;
    min-height: 35px;
    padding: 7px 8px 7px 10px;
    border: 0;
    border-bottom: 1px solid #d1d4d6;
    background: #f7f7f7;
    color: #292929;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    font: inherit;
    font-weight: bold;
    cursor: pointer;
}

.series-name-row:last-child {
    border-bottom: 0;
}

.series-name-row:nth-child(even) {
    background: #ededed;
}

.series-name-row:hover {
    background: #e0e8ed;
    color: #244f78;
}

.series-name-row.active {
    background: #cedbe4;
    color: #173f5c;
    box-shadow: inset 3px 0 0 #527d9a;
}

.series-arrow {
    color: #7d8f9b;
    font-size: 17px;
}

.show-panel {
    min-height: 570px;
}

.panel-loading,
.panel-empty,
.panel-error {
    min-height: 160px;
    display: grid;
    place-items: center;
    border: 1px solid #b2b7bb;
    background: #f7f7f7;
    color: #777;
}

.panel-error {
    color: #8a2f2f;
    background: #f4e1e1;
}

.detail-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding: 8px 10px;
    border: 1px solid #9fa7ad;
    background: linear-gradient(#dce2e6, #c9d0d5);
}

.detail-head h1 {
    margin: 0 0 3px;
    color: #294f6b;
    font-size: 20px;
}

.detail-subline {
    color: #6c7378;
    font-size: 11px;
}

.inline-status-form {
    display: flex;
    gap: 5px;
    align-items: center;
}

.inline-status-form select {
    border: 1px solid #a4aaaf;
    background: #fff;
    padding: 5px 6px;
    font: inherit;
}

.inline-status-form button {
    padding: 5px 8px;
    font-size: 10px;
}

.detail-top {
    display: grid;
    grid-template-columns: 155px minmax(0, 1fr);
    gap: 12px;
    margin-top: 8px;
}

.detail-poster {
    width: 155px;
    min-height: 218px;
    padding: 3px;
    border: 1px solid #969ea4;
    background: #d5d8da;
}

.detail-poster img {
    display: block;
    width: 100%;
    height: auto;
}

.detail-poster .no-image {
    min-height: 210px;
}

.detail-meta-wrap {
    min-width: 0;
}

.detail-meta {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #b1b6ba;
    background: #f7f7f7;
}

.detail-meta th,
.detail-meta td {
    padding: 5px 7px;
    border-bottom: 1px solid #d2d5d7;
    text-align: left;
    vertical-align: top;
}

.detail-meta tr:last-child th,
.detail-meta tr:last-child td {
    border-bottom: 0;
}

.detail-meta tr:nth-child(even) {
    background: #ededed;
}

.detail-meta th {
    width: 140px;
    color: #545b60;
    background: rgba(213,218,221,.35);
    font-size: 11px;
}

.detail-summary {
    margin-top: 8px;
    padding: 8px 9px;
    border: 1px solid #b7bcc0;
    border-left: 3px solid #8da5b5;
    background: #fafafa;
    color: #444;
    line-height: 1.45;
}

.detail-section-title {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    padding: 6px 8px;
    border: 1px solid #9fa7ad;
    background: linear-gradient(#d9dee2, #c7cdd1);
    color: #394d5a;
    font-weight: bold;
}

.detail-section-title span:last-child {
    color: #6f757a;
    font-size: 10px;
    font-weight: normal;
}

.panel-season-list {
    display: grid;
    gap: 6px;
    margin-top: 6px;
}

.panel-season {
    border: 1px solid #a4abb0;
    background: #f7f7f7;
}

.panel-season summary {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 7px 9px;
    background: linear-gradient(#e3e7ea, #d0d5d8);
    color: #334b5c;
    font-weight: bold;
}

.panel-season summary::-webkit-details-marker {
    display: none;
}

.panel-season summary span:last-child {
    min-width: 50px;
    padding: 1px 5px;
    border: 1px solid #abb1b5;
    background: rgba(255,255,255,.55);
    color: #555;
    text-align: center;
    font-size: 10px;
}

.panel-season-tools {
    padding: 5px 7px;
    border-top: 1px solid #c2c6c9;
    border-bottom: 1px solid #c5c9cc;
    background: #e9e9e9;
}

.panel-season-tools button {
    padding: 4px 7px;
    font-size: 10px;
    font-weight: normal;
}

.panel-episode-row {
    display: grid;
    grid-template-columns: 30px 60px minmax(0, 1fr) 86px;
    gap: 6px;
    align-items: center;
    min-height: 32px;
    padding: 4px 7px;
    border-bottom: 1px solid #d6d8da;
    background: #fafafa;
}

.panel-episode-row:last-child {
    border-bottom: 0;
}

.panel-episode-row:nth-child(even) {
    background: #eeeeee;
}

.panel-episode-row:hover:not(.future) {
    background: #e3ebf0;
}

.panel-episode-row.future {
    background: #e5e5e5;
    color: #999;
}

.panel-episode-check {
    width: 22px;
    height: 22px;
    padding: 0;
    border: 1px solid #9ca3a8;
    background: #fff;
    color: #267126;
    font-size: 14px;
}

.panel-episode-check:disabled {
    color: #aaa;
    cursor: not-allowed;
}

.panel-episode-code {
    color: #617988;
    font-size: 11px;
    font-weight: bold;
}

.panel-episode-name {
    color: #303030;
    font-weight: bold;
}

.panel-episode-date {
    text-align: right;
    color: #777;
    font-size: 10px;
}

.myshows-empty.compact {
    margin-top: 6px;
    padding: 20px 10px;
}

@media (max-width: 860px) {
    .myshows-layout {
        grid-template-columns: 190px minmax(0, 1fr);
    }

    .detail-top {
        grid-template-columns: 110px minmax(0, 1fr);
    }

    .detail-poster {
        width: 110px;
        min-height: 155px;
    }
}

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

    .myshows-left {
        border-right: 0;
        border-bottom: 1px solid #939ba1;
    }

    .series-name-list {
        max-height: 220px;
        overflow-y: auto;
    }

    .detail-head {
        flex-direction: column;
    }
}


/* =========================================================
   v0.4.3 – szélesebb Sorozataim + új kategóriafülek
   ========================================================= */

/* A Sorozataim oldal használja jobban ki a rendelkezésre álló szélességet. */
.myshows-shell {
    width: calc(100vw - 44px);
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
}

.myshows-layout {
    grid-template-columns: 285px minmax(0, 1fr);
    min-height: 650px;
}

.myshows-left {
    padding: 9px;
}

.myshows-right {
    padding: 10px;
}

.show-panel {
    min-height: 625px;
}

/* A 4 státusz ne különálló nagy gombnak, hanem tracker-fülsornak hasson. */
.myshows-tabs {
    display: flex;
    gap: 0;
    padding: 0 10px;
    min-height: 35px;
    align-items: end;
    border-top: 1px solid #b5babd;
    border-bottom: 1px solid #969da2;
    background: linear-gradient(#d7d9da, #c8cbcd);
}

.myshows-tabs a {
    position: relative;
    top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 145px;
    height: 31px;
    margin: 0;
    padding: 0 15px;
    border: 1px solid transparent;
    border-left-color: #b2b6b9;
    border-right-color: #b2b6b9;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #4b4b4b;
    font-size: 11px;
    font-weight: bold;
    text-shadow: 0 1px rgba(255,255,255,.7);
}

.myshows-tabs a + a {
    border-left: 0;
}

.myshows-tabs a:hover {
    background: rgba(255,255,255,.35);
    color: #244f78;
}

.myshows-tabs a.active {
    top: 1px;
    height: 32px;
    border-color: #969da2;
    border-bottom-color: #eeeeee;
    background: #eeeeee;
    color: #294f6b;
    box-shadow: inset 0 3px 0 #6f93aa;
}

.myshows-tabs a span {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #777;
    font-size: 10px;
    font-weight: normal;
}

.myshows-tabs a.active span {
    color: #526b7b;
}

/* Bal lista egy kicsit levegősebb. */
.series-name-row {
    min-height: 38px;
    padding-left: 12px;
    padding-right: 10px;
}

.series-name-row.active {
    background: #d4e0e7;
    box-shadow: inset 4px 0 0 #557f9a;
}

/* A jobb oldali információs rész nagyobb helyen szellősebb lehet. */
.detail-top {
    grid-template-columns: 170px minmax(0, 1fr);
    gap: 15px;
}

.detail-poster {
    width: 170px;
    min-height: 240px;
}

.detail-meta th {
    width: 165px;
}

.detail-summary {
    padding: 10px 11px;
}

.panel-episode-row {
    grid-template-columns: 32px 65px minmax(0, 1fr) 100px;
    min-height: 34px;
}

/* Nagy monitoron se nyúljon végtelenre. */
@media (min-width: 1500px) {
    .myshows-shell {
        width: 1500px;
    }
}

@media (max-width: 900px) {
    .myshows-shell {
        width: calc(100% - 20px);
    }

    .myshows-layout {
        grid-template-columns: 220px minmax(0, 1fr);
    }

    .myshows-tabs {
        overflow-x: auto;
    }

    .myshows-tabs a {
        flex: 0 0 auto;
        min-width: 125px;
    }
}


/* =========================================================
   v0.4.4 – egységes, közepes oldalszélesség minden menüben
   ========================================================= */

/* Minden oldal ugyanazt a tartalmi szélességet használja. */
.page-wrap {
    width: min(1180px, calc(100% - 30px)) !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* A Sorozataim ne legyen külön szélesebb a többi oldalnál. */
.myshows-shell {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Kicsit visszavesszük a kétpaneles elrendezést. */
.myshows-layout {
    grid-template-columns: 255px minmax(0, 1fr) !important;
    min-height: 620px;
}

.myshows-left {
    padding: 8px;
}

.myshows-right {
    padding: 9px;
}

.show-panel {
    min-height: 595px;
}

.detail-top {
    grid-template-columns: 155px minmax(0, 1fr) !important;
    gap: 12px;
}

.detail-poster {
    width: 155px !important;
    min-height: 220px;
}

.detail-meta th {
    width: 145px !important;
}

.panel-episode-row {
    grid-template-columns: 30px 60px minmax(0, 1fr) 88px !important;
}

/* Az összes box ugyanazon tartalmi szélességen belül marad. */
.box,
.home-bottom-grid,
.myshows-shell {
    max-width: 100%;
}

@media (max-width: 900px) {
    .page-wrap {
        width: calc(100% - 20px) !important;
    }

    .myshows-layout {
        grid-template-columns: 210px minmax(0, 1fr) !important;
    }
}

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


/* =========================================================
   v0.4.5 – mobil/reszponzív finomítás
   Asztali nézet változatlan marad.
   ========================================================= */

/* Tablet */
@media (max-width: 900px) {
    .hero {
        height: 130px;
    }

    .hero-inner {
        padding: 0 14px;
    }

    .site-logo {
        font-size: 40px;
    }

    .poster-stack {
        opacity: .65;
    }

    .nav-inner {
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .main-nav a {
        flex: 0 0 auto;
        white-space: nowrap;
        padding-left: 14px;
        padding-right: 14px;
    }

    .page-wrap {
        width: calc(100% - 20px) !important;
    }

    .home-bottom-grid {
        grid-template-columns: 1fr;
    }

    .discover-row {
        grid-template-columns: minmax(160px, 1fr) 150px 250px;
    }

    .myshows-layout {
        grid-template-columns: 210px minmax(0, 1fr) !important;
    }

    .detail-top {
        grid-template-columns: 120px minmax(0, 1fr) !important;
    }

    .detail-poster {
        width: 120px !important;
        min-height: 170px;
    }
}

/* Telefon */
@media (max-width: 680px) {
    html, body {
        font-size: 12px;
    }

    .hero {
        height: 100px;
    }

    .hero-inner {
        justify-content: center;
    }

    .poster-stack {
        display: none;
    }

    .logo-wrap {
        gap: 8px;
    }

    .tv-icon {
        font-size: 36px;
    }

    .site-logo {
        font-size: 30px;
        letter-spacing: -1px;
    }

    .tagline {
        font-size: 10px;
    }

    .main-nav {
        overflow-x: auto;
    }

    .nav-inner {
        min-width: max-content;
    }

    .main-nav a {
        padding: 8px 12px;
        font-size: 10px;
    }

    .nav-user {
        display: none;
    }

    .page-wrap {
        width: calc(100% - 12px) !important;
        margin-top: 10px;
        margin-bottom: 16px;
    }

    .box {
        margin-bottom: 10px;
    }

    .box-title {
        min-height: 30px;
        padding: 6px 8px;
        font-size: 12px;
    }

    .box-content {
        padding: 8px;
    }

    /* Főoldal */
    .news-item {
        grid-template-columns: 74px minmax(0, 1fr);
        gap: 7px;
        padding: 8px 0;
    }

    .news-more {
        display: none;
    }

    .shout-row {
        grid-template-columns: 70px minmax(0, 1fr);
        gap: 6px;
    }

    .shout-time {
        grid-column: 2;
        text-align: left;
        font-size: 10px;
    }

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

    .poll-result-row {
        grid-template-columns: 120px minmax(0, 1fr) 36px;
        gap: 5px;
    }

    .poll-result-row > div:last-child {
        display: none;
    }

    .stats-list > div {
        gap: 10px;
    }

    /* Felfedező */
    .discover-search,
    .admin-search-form {
        grid-template-columns: 1fr;
    }

    .discover-row {
        grid-template-columns: 1fr !important;
        gap: 6px;
        padding: 9px;
    }

    .discover-add-form {
        grid-template-columns: 1fr auto;
    }

    .discover-current {
        font-size: 10px;
    }

    /* Sorozataim fülek: vízszintesen görgethetők */
    .myshows-tabs {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        padding: 0 5px;
        scrollbar-width: thin;
    }

    .myshows-tabs a {
        flex: 0 0 auto;
        min-width: 112px;
        height: 32px;
        padding: 0 10px;
        font-size: 10px;
    }

    /* Sorozataim: mobilon egymás alatt */
    .myshows-layout {
        grid-template-columns: 1fr !important;
        min-height: 0;
    }

    .myshows-left {
        border-right: 0;
        border-bottom: 1px solid #939ba1;
    }

    .series-name-list {
        max-height: 210px;
        overflow-y: auto;
    }

    .series-name-row {
        min-height: 36px;
        padding: 7px 10px;
    }

    .myshows-right {
        padding: 8px;
    }

    .show-panel {
        min-height: 0;
    }

    .detail-head {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .inline-status-form {
        width: 100%;
    }

    .inline-status-form select {
        flex: 1;
        min-width: 0;
    }

    .detail-top {
        grid-template-columns: 92px minmax(0, 1fr) !important;
        gap: 9px;
    }

    .detail-poster {
        width: 92px !important;
        min-height: 130px;
    }

    .detail-poster .no-image {
        min-height: 125px;
        font-size: 10px;
    }

    .detail-meta th {
        width: 90px !important;
        padding: 4px 5px;
        font-size: 10px;
    }

    .detail-meta td {
        padding: 4px 5px;
        font-size: 11px;
        overflow-wrap: anywhere;
    }

    .detail-summary {
        grid-column: 1 / -1;
        margin-top: 7px;
        font-size: 11px;
    }

    .detail-section-title {
        margin-top: 8px;
    }

    /* Epizódsor mobilon: név nagy helyet kap, dátum külön sorba */
    .panel-episode-row {
        grid-template-columns: 26px 52px minmax(0, 1fr) !important;
        gap: 5px;
        padding: 5px 6px;
    }

    .panel-episode-date {
        grid-column: 3;
        text-align: left;
        font-size: 9px;
    }

    .panel-episode-code {
        font-size: 10px;
    }

    .panel-episode-name {
        font-size: 11px;
    }

    .panel-episode-check {
        width: 20px;
        height: 20px;
        font-size: 12px;
    }

    /* Admin */
    .admin-import-row {
        flex-direction: column;
        align-items: stretch;
    }

    .admin-import-row form {
        align-self: flex-start;
    }

    /* Auth */
    .auth-body {
        padding: 30px 10px;
    }

    .auth-logo {
        font-size: 28px;
    }

    .auth-box {
        width: 100%;
    }

    .footer {
        font-size: 10px;
        padding: 8px 5px;
    }
}

/* Nagyon keskeny telefon */
@media (max-width: 430px) {
    .detail-top {
        grid-template-columns: 1fr !important;
    }

    .detail-poster {
        width: 105px !important;
        min-height: 148px;
        margin: 0 auto;
    }

    .detail-meta-wrap {
        width: 100%;
    }

    .detail-head h1 {
        font-size: 18px;
    }

    .poll-result-row {
        grid-template-columns: 105px minmax(0, 1fr) 34px;
    }
}


/* v0.4.6 - sorozat fejléc információk */
.detail-subline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    color: #666;
    font-size: 12px;
}

.detail-separator,
.detail-dot {
    color: #999;
}

.detail-status {
    color: #3e5d70;
    font-weight: bold;
}

/* A tartalomleírás már nem jelenik meg. */
.detail-summary {
    display: none !important;
}


/* v0.4.7 - adatpanel finomítás + Felfedező meta-szűrők */

.detail-years {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 3px;
    color: #666;
    font-size: 12px;
}

.detail-status-line {
    margin-top: 4px;
}

.detail-status-line a {
    color: #3e5d70;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.detail-status-line a:hover {
    text-decoration: underline;
}

.meta-filter-link {
    color: #244f78;
    font-weight: bold;
    text-decoration: none;
}

.meta-filter-link:hover {
    text-decoration: underline;
}

.genre-links {
    line-height: 1.5;
}

/* Az "Évadok és epizódok" külön fejlécdoboz kikerült. */
.panel-season-list {
    margin-top: 10px;
}

.discover-filter-note {
    margin: -2px 0 10px;
    padding: 6px 8px;
    border: 1px solid #b6bcc0;
    background: #e7eaec;
    color: #555;
    font-size: 11px;
}

.discover-filter-note strong {
    color: #344f62;
}


/* v0.4.8 - Sorozataim lista egyszerűsítés */
.myshows-left {
    padding-top: 8px;
}

.series-name-list {
    margin-top: 0;
}


/* =========================================================
   v0.4.9 – TVmaze frissítés
   ========================================================= */

.detail-head-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.tvmaze-refresh {
    text-align: right;
    color: #666;
    font-size: 10px;
}

.tvmaze-refresh form {
    margin-top: 4px;
}

.tvmaze-refresh-time strong {
    color: #424242;
}

.refresh-button {
    padding: 4px 8px;
    font-size: 10px;
}

.refresh-button:disabled {
    cursor: default;
    color: #888;
    background: #e4e4e4;
}

.next-refresh {
    margin-top: 3px;
    color: #7b7b7b;
    font-size: 9px;
}

.panel-refresh-notice {
    margin-bottom: 7px;
    padding: 7px 9px;
    border: 1px solid #aab0b4;
    font-size: 11px;
}

.panel-refresh-notice.success {
    background: #e0efe0;
    border-color: #9fbd9f;
    color: #285b28;
}

.panel-refresh-notice.info {
    background: #e5ebef;
    border-color: #a9b7c0;
    color: #3f5665;
}

.panel-refresh-notice.error {
    background: #f1dddd;
    border-color: #c5a0a0;
    color: #7a2929;
}

@media (max-width: 680px) {
    .detail-head-actions {
        width: 100%;
        align-items: stretch;
    }

    .tvmaze-refresh {
        text-align: left;
    }

    .tvmaze-refresh form {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
    }
}


/* v0.5.0 – TVmaze frissítés diszkrét sorban az évadok előtt */
.tvmaze-refresh-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 35px;
    margin-top: 9px;
    padding: 5px 7px 5px 9px;
    border: 1px solid #b1b6ba;
    background: #e5e7e8;
    color: #666;
    font-size: 10px;
}

.tvmaze-refresh-info strong {
    color: #3f4549;
}

.tvmaze-next-refresh {
    color: #7a7f82;
}

.tvmaze-refresh-form {
    flex: 0 0 auto;
    margin: 0;
}

.tvmaze-refresh-row .refresh-button {
    min-width: 82px;
    margin: 0;
}

.panel-season-list {
    margin-top: 7px;
}

@media (max-width: 680px) {
    .tvmaze-refresh-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
        padding: 7px 8px;
    }
}


/* v0.5.1 - frissítés az adatblokk folytatásaként, Sorozataim fejléc nélkül */

.myshows-shell {
    border-top: 1px solid #99a2a9;
}

.detail-refresh-inline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 34px;
    padding: 5px 7px 5px 8px;
    border: 1px solid #b1b6ba;
    border-top: 0;
    background: #eceeef;
    color: #666;
    font-size: 10px;
}

.detail-refresh-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.detail-refresh-label {
    color: #555;
    font-weight: bold;
}

.detail-refresh-value {
    color: #3f4549;
}

.detail-refresh-next {
    color: #7a7f82;
}

.detail-refresh-form {
    flex: 0 0 auto;
    margin: 0;
}

.detail-refresh-form .refresh-button {
    margin: 0;
    min-width: 82px;
    padding: 4px 8px;
    font-size: 10px;
}

@media (max-width: 680px) {
    .detail-refresh-inline {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
}


/* v0.5.2 - TVmaze frissítés a meta táblázat részeként */

.detail-refresh-inline,
.tvmaze-refresh-row {
    display: none !important;
}

.meta-refresh-row th,
.meta-refresh-row td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: inherit;
    line-height: inherit;
}

.meta-refresh-cell {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 22px;
}

.meta-refresh-time {
    color: #303030;
}

.meta-refresh-next {
    color: #777;
    font-size: 10px;
}

.meta-refresh-form {
    margin: 0 0 0 auto;
    display: inline-flex;
    align-items: center;
}

.meta-refresh-button {
    padding: 3px 7px;
    border: 1px solid #89929a;
    background: linear-gradient(#fefefe, #d6dbe0);
    color: #2d2d2d;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.2;
    cursor: pointer;
}

.meta-refresh-button:hover:not(:disabled) {
    background: linear-gradient(#ffffff, #c8d2da);
}

.meta-refresh-button:disabled {
    color: #888;
    cursor: default;
    background: #e4e4e4;
}

@media (max-width: 680px) {
    .meta-refresh-cell {
        align-items: flex-start;
    }

    .meta-refresh-form {
        margin-left: 0;
        width: 100%;
    }
}


/* v0.5.3 - egyetlen, link jellegű TVmaze frissítés */

.meta-refresh-button,
.refresh-button {
    display: none !important;
}

.meta-refresh-link {
    appearance: none;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    color: #244f78;
    font: inherit;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

.meta-refresh-link:hover {
    text-decoration: underline;
}

.meta-refresh-disabled {
    color: #888;
    font-size: inherit;
}


/* v0.5.4 - Utoljára frissítve sor teljesen a meta táblázathoz igazítva */

.meta-refresh-row th,
.meta-refresh-row td,
.meta-refresh-time,
.meta-refresh-disabled,
.meta-refresh-link {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

.meta-refresh-time {
    color: #303030 !important;
}

.meta-refresh-form {
    display: inline !important;
    margin: 0 0 0 5px !important;
}

.meta-refresh-link {
    display: inline !important;
    appearance: none;
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: #244f78 !important;
    font-weight: bold !important;
    text-decoration: none !important;
    cursor: pointer;
}

.meta-refresh-link:hover {
    text-decoration: underline !important;
}

.meta-refresh-disabled {
    margin-left: 5px;
    color: #777 !important;
}

.meta-refresh-next {
    margin-left: 4px;
    color: #777;
    font-family: inherit;
    font-size: inherit;
}

.meta-refresh-cell {
    display: block !important;
    min-height: 0 !important;
}


/* v0.5.5 - frissítés link pozíció + kijelölési háttér javítás */

/* A Frissítés / Frissítés most mindig közvetlenül a dátum után legyen. */
.meta-refresh-cell {
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
}

.meta-refresh-form {
    display: inline-flex !important;
    width: auto !important;
    flex: 0 0 auto !important;
    margin: 0 0 0 6px !important;
}

.meta-refresh-link {
    display: inline !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #244f78 !important;
    font: inherit !important;
    font-weight: bold !important;
    line-height: inherit !important;
    text-align: left !important;
}

/* Kattintás/fókusz után se kapjon gombszerű hátteret. */
.meta-refresh-link:hover,
.meta-refresh-link:focus,
.meta-refresh-link:active {
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: #244f78 !important;
}

.meta-refresh-link:hover {
    text-decoration: underline !important;
}

/* Szöveg kijelölésekor ne legyen eltérő, zavaró háttér ebben a táblázatban. */
.detail-meta ::selection {
    background: rgba(80, 120, 150, .20);
    color: inherit;
}

.detail-meta ::-moz-selection {
    background: rgba(80, 120, 150, .20);
    color: inherit;
}

/* Mobilon se ugorjon új sorba automatikusan a frissítés link. */
@media (max-width: 680px) {
    .meta-refresh-form {
        width: auto !important;
        margin-left: 6px !important;
    }
}


/* v0.5.6 - relatív idő az utolsó TVmaze frissítés mellett */
.meta-refresh-relative {
    color: #777;
    font: inherit;
    font-weight: normal;
}


/* v0.5.7 - kategória alatti ismétlődő fejléc végleg eltávolítva */
.myshows-left-title,
.myshows-heading {
    display: none !important;
}

.series-name-list {
    margin-top: 0 !important;
}


/* v0.5.8 - saját sorrend kategóriánként */

.series-name-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 40px;
    align-items: stretch;
    border-bottom: 1px solid #d1d4d6;
    background: #f7f7f7;
}

.series-name-item:last-child {
    border-bottom: 0;
}

.series-name-item:nth-child(even) {
    background: #ededed;
}

.series-name-item:hover {
    background: #e0e8ed;
}

.series-name-item.active {
    background: #d4e0e7;
    box-shadow: inset 4px 0 0 #557f9a;
}

.series-name-item .series-name-row {
    min-height: 38px;
    border-bottom: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.series-name-item.active .series-name-row {
    color: #173f5c;
}

.series-move-controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1px;
    padding-right: 5px;
}

.series-move-controls form {
    margin: 0;
}

.series-move-link {
    appearance: none;
    border: 0;
    background: transparent;
    padding: 3px 2px;
    margin: 0;
    color: #72828d;
    font-size: 9px;
    line-height: 1;
    cursor: pointer;
}

.series-move-link:hover {
    color: #244f78;
    background: transparent;
}

@media (max-width: 680px) {
    .series-name-item {
        grid-template-columns: minmax(0, 1fr) 48px;
    }

    .series-move-link {
        padding: 5px 3px;
        font-size: 10px;
    }
}


/* v0.5.9 - nyíl az évadoknál */
.season-title-wrap {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.season-arrow {
    display: inline-block;
    width: 12px;
    color: #5f7787;
    font-size: 10px;
    line-height: 1;
    transition: transform .12s ease;
    transform-origin: center;
}

.panel-season[open] .season-arrow {
    transform: rotate(90deg);
}

.panel-season summary:hover .season-arrow {
    color: #244f78;
}


/* =========================================================
   v0.6.0 - publikus vendég mód
   ========================================================= */

.guest-label {
    color: #777;
}

.guest-action-note {
    margin-top: 8px;
    padding: 7px 9px;
    border: 1px solid #bcc1c4;
    background: #e5e8ea;
    color: #555;
    font-size: 11px;
}

.discover-login-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    color: #244f78;
    font-size: 11px;
    font-weight: bold;
}

.discover-detail {
    margin-bottom: 12px;
    border: 1px solid #9fa7ad;
    background: #f2f2f2;
}

.discover-detail-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 10px;
    background: linear-gradient(#dce2e6, #c9d0d5);
    border-bottom: 1px solid #9fa7ad;
}

.discover-detail-head h2 {
    margin: 0 0 3px;
    color: #294f6b;
    font-size: 19px;
}

.discover-detail-years {
    color: #666;
    font-size: 11px;
}

.discover-detail-status {
    margin-top: 3px;
    color: #3e5d70;
    font-weight: bold;
    font-size: 11px;
}

.discover-detail-close {
    align-self: flex-start;
    font-size: 10px;
}

.discover-detail-top {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr);
    gap: 10px;
    padding: 9px;
}

.discover-detail-poster {
    width: 130px;
    min-height: 183px;
    padding: 3px;
    border: 1px solid #969ea4;
    background: #d5d8da;
}

.discover-detail-poster img {
    display: block;
    width: 100%;
    height: auto;
}

.discover-detail-info {
    min-width: 0;
}

.discover-season-list {
    display: grid;
    gap: 6px;
    padding: 0 9px 9px;
}

.discover-episode-row {
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr) 88px;
    gap: 6px;
    align-items: center;
    min-height: 30px;
    padding: 4px 7px;
    border-bottom: 1px solid #d6d8da;
    background: #fafafa;
}

.discover-episode-row:nth-child(even) {
    background: #eeeeee;
}

.discover-episode-row:last-child {
    border-bottom: 0;
}

@media (max-width: 680px) {
    .nav-user {
        display: flex !important;
        margin-left: 6px;
    }

    .nav-user .guest-label {
        display: none;
    }

    .nav-user a {
        padding-left: 8px;
        padding-right: 8px;
    }

    .discover-detail-top {
        grid-template-columns: 90px minmax(0, 1fr);
    }

    .discover-detail-poster {
        width: 90px;
        min-height: 127px;
    }

    .discover-episode-row {
        grid-template-columns: 52px minmax(0, 1fr);
    }

    .discover-episode-row .panel-episode-date {
        grid-column: 2;
        text-align: left;
    }
}


/* v0.6.1 - epizódlista: air date | 1x01 | epizódcím */

/* Bejelentkezett Sorozataim panel */
.panel-episode-row {
    grid-template-columns: 88px 60px minmax(0, 1fr) !important;
}

.panel-episode-date {
    text-align: left !important;
    color: #666;
    font-size: 10px;
}

/* Publikus Felfedező adatpanel */
.discover-episode-row {
    grid-template-columns: 88px 60px minmax(0, 1fr) !important;
}

.discover-episode-row .panel-episode-date {
    text-align: left !important;
}

@media (max-width: 680px) {
    .panel-episode-row,
    .discover-episode-row {
        grid-template-columns: 82px 52px minmax(0, 1fr) !important;
    }

    .panel-episode-date,
    .discover-episode-row .panel-episode-date {
        grid-column: auto !important;
        font-size: 9px;
    }
}

@media (max-width: 430px) {
    .panel-episode-row,
    .discover-episode-row {
        grid-template-columns: 76px 48px minmax(0, 1fr) !important;
        gap: 4px;
    }
}


/* v0.6.2 - epizódcím közvetlenül az epizódszám után */
.panel-episode-row,
.discover-episode-row {
    display: flex !important;
    align-items: center;
    justify-content: flex-start !important;
    gap: 8px !important;
}

.panel-episode-date {
    flex: 0 0 82px;
    text-align: left !important;
}

.panel-episode-code {
    flex: 0 0 auto;
    text-align: left !important;
}

.panel-episode-name {
    flex: 0 1 auto !important;
    text-align: left !important;
    margin: 0 !important;
}

@media (max-width: 680px) {
    .panel-episode-row,
    .discover-episode-row {
        display: flex !important;
        gap: 6px !important;
    }

    .panel-episode-date {
        flex-basis: 76px;
    }
}


/* v0.6.3 - epizódcím színe egységesítve */
.panel-episode-name,
.discover-episode-row .panel-episode-name {
    color: #4f5f69 !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: normal !important;
}

.panel-episode-code,
.discover-episode-row .panel-episode-code {
    color: #405a6b;
}


/* v0.6.4 - új epizód / következő epizód jelzés a Sorozataim listában */

.series-name-main {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: 6px;
}

.series-title {
    min-width: 0;
}

.series-tracking-indicator {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
}

.series-unwatched-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #f28c28;
    box-shadow: 0 0 0 1px rgba(142, 78, 13, .20);
}

.series-next-days {
    color: #e27f16;
    font-size: 10px;
    font-weight: bold;
    white-space: nowrap;
}

/* Az indikátor ne tolja el a fel/le nyilakat. */
.series-name-item .series-name-row {
    justify-content: flex-start !important;
}


/* v0.6.5 - következő epizód napjelzés kicsit nagyobb */
.series-next-days {
    font-size: 12px !important;
    font-weight: bold !important;
}


/* v0.6.6 - epizódjelzések a designhoz illő kék színnel */
.series-unwatched-dot {
    background: #557f9a !important;
    box-shadow: 0 0 0 1px rgba(36, 79, 120, .18) !important;
}

.series-next-days {
    color: #244f78 !important;
    font-size: 12px !important;
    font-weight: bold !important;
}


/* v0.6.7 - feltűnőbb, tompa bordó epizódjelzések */
.series-unwatched-dot {
    background: #d63c3c !important;
    box-shadow: 0 0 0 1px rgba(120, 35, 35, .22) !important;
}

.series-next-days {
    color: #d63c3c !important;
    font-size: 12px !important;
    font-weight: bold !important;
}


/* v0.6.8 – Felfedező borítós rács és lapozó */
.discover-result-info { margin:0 0 9px; color:#6b7479; font-size:10px; }
.discover-cover-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px 10px; }
.discover-cover-card { min-width:0; }
.discover-cover-link { display:block; color:inherit; text-decoration:none; }
.discover-cover-image { aspect-ratio:2/3; overflow:hidden; border:1px solid #929ba1; background:#d9dcde; box-shadow:0 1px 2px rgba(0,0,0,.16); }
.discover-cover-image img { display:block; width:100%; height:100%; object-fit:cover; }
.discover-cover-link:hover .discover-cover-image img { opacity:.88; }
.discover-cover-missing { display:flex; height:100%; align-items:center; justify-content:center; color:#777; font-size:10px; }
.discover-cover-caption { padding:5px 2px 0; text-align:center; }
.discover-cover-name { color:#244f78; font-size:11px; font-weight:bold; line-height:1.25; }
.discover-cover-link:hover .discover-cover-name { text-decoration:underline; }
.discover-cover-year { margin-top:2px; color:#7b8185; font-size:9px; }

.discover-pagination { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:3px; margin-top:16px; padding-top:10px; border-top:1px solid #c3c7ca; font-size:10px; }
.discover-pagination a,.discover-pagination span { padding:4px 7px; border:1px solid #aab1b6; background:#e4e7e9; color:#244f78; text-decoration:none; }
.discover-pagination a:hover { background:#d4dce1; text-decoration:underline; }
.discover-pagination .current { border-color:#718896; background:#718896; color:white; font-weight:bold; }
.discover-pagination .dots { border:0; background:transparent; color:#777; }

.discover-detail-action { margin-top:8px; }
.discover-detail-add-form { display:flex; align-items:center; gap:6px; padding:7px 8px; border:1px solid #b3b9bd; background:#e7e9ea; font-size:10px; }
.discover-detail-add-form label { color:#555; font-weight:bold; }

@media(max-width:950px){.discover-cover-grid{grid-template-columns:repeat(5,minmax(0,1fr));}}
@media(max-width:780px){.discover-cover-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:600px){.discover-cover-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:420px){.discover-cover-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}


/* v0.6.9 - Felfedező apró grafikai finomítás */
.discover-cover-link,
.discover-cover-link:hover,
.discover-cover-link:focus,
.discover-cover-link:active,
.discover-cover-name,
.discover-cover-link:hover .discover-cover-name,
.discover-cover-year {
    text-decoration: none !important;
}


/* v0.7.1 - Felfedező: saját listás állapot */
.discover-on-list {
    margin-bottom: 6px;
    padding: 6px 8px;
    border: 1px solid #aeb6bb;
    background: #dfe5e8;
    color: #53616a;
    font-size: 10px;
}

.discover-on-list strong {
    color: #d63c3c;
    font-weight: bold;
}


/* v0.7.2 - új fejléc: logó balra, fiókvezérlés jobbra */
.hero {
    min-height: 94px !important;
}

.hero-inner.header-layout {
    min-height: 94px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.header-logo {
    display: block;
    flex: 0 1 360px;
    max-width: 360px;
    text-decoration: none !important;
}

.header-logo img {
    display: block;
    width: 100%;
    max-width: 360px;
    height: 78px;
    object-fit: contain;
    object-position: left center;
}

.header-account {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
    margin-left: auto;
    white-space: nowrap;
    font-size: 11px;
}

.header-account > * {
    padding: 0 11px;
}

.header-account > * + * {
    border-left: 1px solid rgba(255,255,255,.16);
}

.header-logged-in {
    color: #aeb4b8;
}

.header-logged-in strong {
    color: #e4e7e9;
    font-weight: bold;
}

.header-account a {
    color: #d63c3c;
    font-weight: bold;
    text-decoration: none;
}

.header-account a:hover {
    color: #d15a5a;
    text-decoration: underline;
}

/* A régi középső logó/poster elemeket az új fejléc már nem használja. */
.header-layout .poster-stack,
.header-layout .logo-wrap {
    display: none !important;
}

@media (max-width: 700px) {
    .hero {
        min-height: auto !important;
    }

    .hero-inner.header-layout {
        min-height: auto !important;
        align-items: flex-start !important;
        flex-direction: column;
        gap: 5px;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .header-logo {
        flex: none;
        width: 250px;
        max-width: 72vw;
    }

    .header-logo img {
        width: 250px;
        max-width: 72vw;
        height: auto;
        max-height: 64px;
    }

    .header-account {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-left: 0;
        font-size: 10px;
    }

    .header-account > * {
        padding: 2px 8px;
    }

    .header-account > :first-child {
        padding-left: 0;
    }
}


/* v0.7.3 - nagyobb logó + jobban olvasható fejléc */
.hero {
    min-height: 132px !important;
}

.hero-inner.header-layout {
    min-height: 132px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.header-logo {
    flex: 0 1 520px !important;
    max-width: 520px !important;
}

.header-logo img {
    width: 100% !important;
    max-width: 520px !important;
    height: 118px !important;
    object-fit: contain !important;
    object-position: left center !important;
}

/* A logó fehér/piros részei sötét háttéren maradnak jól olvashatók. */
.header-logo {
    padding: 2px 8px 2px 0;
}

/* Jobb oldali fiókadatok kontrasztosabbak */
.header-account {
    font-size: 12px !important;
}

.header-logged-in {
    color: #d2d6d8 !important;
}

.header-logged-in strong {
    color: #ffffff !important;
}

.header-account a {
    color: #d75a5a !important;
}

.header-account a:hover {
    color: #f07878 !important;
}

@media (max-width: 700px) {
    .hero {
        min-height: auto !important;
    }

    .hero-inner.header-layout {
        min-height: auto !important;
    }

    .header-logo {
        width: 330px !important;
        max-width: 88vw !important;
    }

    .header-logo img {
        width: 330px !important;
        max-width: 88vw !important;
        height: auto !important;
        max-height: 90px !important;
    }

    .header-account {
        font-size: 10px !important;
    }
}


/* v0.7.4 - egyszerűbb fejléc és új laposabb logó */
.hero {
    min-height: 92px !important;
}

.hero-inner.header-layout {
    min-height: 92px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.header-logo {
    flex: 0 1 390px !important;
    width: 390px !important;
    max-width: 42vw !important;
    padding: 0 !important;
}

.header-logo img {
    width: 390px !important;
    max-width: 100% !important;
    height: 78px !important;
    object-fit: contain !important;
    object-position: left center !important;
}

.header-account {
    font-size: 11px !important;
    gap: 0 !important;
}

.header-account > * {
    padding: 0 9px !important;
}

.header-account > * + * {
    border-left: 1px solid rgba(255,255,255,.12) !important;
}

.header-logged-in strong {
    color: #d9dde0 !important;
    font-weight: bold !important;
}

.header-account a {
    color: #d63c3c !important;
    font-weight: normal !important;
}

.header-account a:hover {
    color: #d05a5a !important;
}

@media (max-width:700px) {
    .header-logo {
        width: 285px !important;
        max-width: 86vw !important;
    }

    .header-logo img {
        width: 285px !important;
        height: auto !important;
        max-height: 64px !important;
    }
}


/* v0.7.5 - TV ikon balra, fiókadatok közvetlenül mellette */
.hero {
    min-height: 106px !important;
}

.hero-inner.header-layout.header-compact {
    min-height: 106px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 18px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.header-tv-logo {
    display: block;
    flex: 0 0 128px;
    width: 128px;
    height: 94px;
    overflow: hidden;
    text-decoration: none !important;
}

.header-tv-logo img {
    display: block;
    width: 128px;
    height: 94px;
    object-fit: contain;
    object-position: center;
}

.header-compact .header-account {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    margin: 0 !important;
    gap: 0 !important;
    font-size: 11px !important;
    white-space: nowrap;
}

.header-compact .header-account > * {
    padding: 0 10px !important;
}

.header-compact .header-account > :first-child {
    padding-left: 0 !important;
}

.header-compact .header-account > * + * {
    border-left: 1px solid rgba(255,255,255,.14) !important;
}

.header-compact .header-logged-in {
    color: #bfc5c8 !important;
}

.header-compact .header-logged-in strong {
    color: #f1f2f3 !important;
    font-weight: bold !important;
}

.header-compact .header-account a {
    color: #d63c3c !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

.header-compact .header-account a:hover {
    color: #d45b5b !important;
    text-decoration: underline !important;
}

@media (max-width: 620px) {
    .hero-inner.header-layout.header-compact {
        gap: 8px !important;
    }

    .header-tv-logo {
        flex-basis: 82px;
        width: 82px;
        height: 66px;
    }

    .header-tv-logo img {
        width: 82px;
        height: 66px;
    }

    .header-compact .header-account {
        flex-wrap: wrap !important;
        font-size: 10px !important;
    }

    .header-compact .header-account > * {
        padding: 2px 6px !important;
    }
}


/* v0.7.6 - fejléc fiókadatok nagyobb méretben, #294F6B színnel */
.header-compact .header-account {
    font-size: 14px !important;
}

.header-compact .header-logged-in,
.header-compact .header-logged-in strong,
.header-compact .header-account a,
.header-compact .header-account a:hover {
    color: #294F6B !important;
}

.header-compact .header-logged-in strong,
.header-compact .header-account a {
    font-weight: bold !important;
}

@media (max-width: 620px) {
    .header-compact .header-account {
        font-size: 12px !important;
    }
}


/* v0.7.7 - kompakt kijelentkezés ikon */
.header-compact .header-account .logout-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: #294F6B !important;
    font-size: 22px !important;
    font-weight: bold !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer;
}

.header-compact .header-account .logout-icon:hover {
    color: #294F6B !important;
    opacity: .72;
    text-decoration: none !important;
}

@media (max-width: 620px) {
    .header-compact .header-account .logout-icon {
        font-size: 20px !important;
    }
}

/* v0.7.8 – Főoldal: Hírek + Mai premierek */
.home-top-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, .85fr);
    gap: 14px;
    align-items: start;
}
.home-top-grid > .box { margin-bottom: 14px; }
.home-premieres-box .box-content { padding: 8px; }
.premiere-list { border: 1px solid #b7bcc0; background: #f8f8f8; }
.premiere-row { padding: 8px 9px; border-bottom: 1px solid #d0d3d5; }
.premiere-row:last-child { border-bottom: 0; }
.premiere-row:nth-child(even) { background: #eeeeee; }
.premiere-show { color: #294F6B; font-size: 12px; font-weight: bold; text-decoration: none; }
.premiere-show:hover { text-decoration: underline; }
.premiere-episode { display: flex; align-items: baseline; gap: 6px; margin-top: 3px; }
.premiere-code { color: #5d7180; font-size: 10px; font-weight: bold; }
.premiere-title { color: #5f686e; font-size: 10px; }
.premiere-empty {
    padding: 18px 10px;
    border: 1px solid #b7bcc0;
    background: #f7f7f7;
    color: #777;
    text-align: center;
    font-size: 11px;
}
@media (max-width: 800px) {
    .home-top-grid { grid-template-columns: 1fr; gap: 0; }
}


/* v0.7.9 - Üzenőfal és Szavazás 65/35 */
.home-community-grid {
    display: grid;
    grid-template-columns: minmax(0, 65fr) minmax(260px, 35fr);
    gap: 14px;
    align-items: start;
}
.home-community-grid .box { margin-bottom: 14px; }
.home-community-main, .home-community-side { min-width: 0; }
@media (max-width: 800px) {
    .home-community-grid { grid-template-columns: 1fr; gap: 0; }
}


/* =========================================================
   v0.8.2 – új Bejelentkezés / Regisztráció vendég módhoz
   ========================================================= */

.auth-page {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr);
    gap: 14px;
    align-items: start;
    max-width: 860px;
    margin: 0 auto;
}

.auth-main-box,
.auth-side-box {
    margin-bottom: 0;
}

.auth-form {
    gap: 5px;
}

.auth-form label {
    color: #454b4f;
    font-size: 11px;
}

.auth-form button {
    margin-top: 10px;
}

.auth-links {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 14px;
    padding-top: 9px;
    border-top: 1px solid #c6c9cb;
    color: #666;
    font-size: 10px;
}

.auth-side-box .box-content {
    color: #555;
    line-height: 1.5;
}

.auth-side-box p {
    margin: 0 0 10px;
}

.auth-guest-button {
    display: inline-block;
    margin-top: 4px;
    padding: 6px 9px;
    border: 1px solid #9da6ac;
    background: linear-gradient(#fafafa, #dce1e4);
    color: #294F6B;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

.auth-guest-button:hover {
    background: linear-gradient(#ffffff, #d0d9df);
    text-decoration: none;
}

.auth-benefits {
    display: grid;
    gap: 8px;
}

.auth-benefits > div {
    padding-bottom: 8px;
    border-bottom: 1px solid #c8ccce;
}

.auth-benefits > div:last-child {
    border-bottom: 0;
}

.auth-benefits strong {
    display: block;
    margin-bottom: 2px;
    color: #294F6B;
    font-size: 11px;
}

.auth-benefits span {
    display: block;
    color: #666;
    font-size: 10px;
}

@media (max-width: 760px) {
    .auth-page {
        grid-template-columns: 1fr;
        max-width: none;
    }

    .auth-links {
        flex-direction: column;
        gap: 5px;
    }
}


/* v0.8.3 - Felfedező szűrők, rendezés, saját listás jelzés */
.discover-toolbar {
    margin-bottom: 8px;
    padding: 8px;
    border: 1px solid #b5babd;
    background: #e3e5e6;
}
.discover-search-row {
    display: grid;
    grid-template-columns: 1fr 82px;
    gap: 7px;
}
.discover-search-row input,
.discover-filter-row select {
    border: 1px solid #a7adb2;
    background: #fff;
    padding: 6px 7px;
    font: inherit;
}
.discover-filter-row {
    display: flex;
    align-items: flex-end;
    gap: 7px;
    margin-top: 7px;
    flex-wrap: wrap;
}
.discover-filter-row label { display:grid; gap:3px; }
.discover-filter-row label > span {
    color:#626a70;
    font-size:9px;
    font-weight:bold;
}
.discover-filter-row select { min-width:125px; padding:4px 6px; font-size:10px; }
.discover-sort-select { margin-left:auto; }
.discover-filter-button { padding:5px 10px; font-size:10px; }
.discover-clear { padding:5px 2px; font-size:10px; }
.discover-add-hint {
    margin: 0 0 9px;
    color:#777;
    text-align:right;
    font-size:10px;
}
.discover-cover-image { position:relative; }
.discover-list-badge {
    position:absolute;
    top:6px;
    right:6px;
    display:grid;
    place-items:center;
    width:21px;
    height:21px;
    border:1px solid rgba(255,255,255,.8);
    border-radius:50%;
    background:#294F6B;
    color:#fff;
    font-size:13px;
    font-weight:bold;
    box-shadow:0 1px 3px rgba(0,0,0,.35);
}
@media(max-width:760px) {
    .discover-filter-row { display:grid; grid-template-columns:1fr 1fr; }
    .discover-filter-row label, .discover-filter-row select { width:100%; min-width:0; }
    .discover-sort-select { margin-left:0; }
    .discover-filter-button, .discover-clear { align-self:end; }
}


/* v0.8.4 - Profil */
.header-compact .header-account .header-profile-link {
    color:#294F6B !important;
    font-weight:bold !important;
    text-decoration:none !important;
}
.header-compact .header-account .header-profile-link:hover { text-decoration:underline !important; }

.profile-grid {
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);
    gap:14px;
    align-items:start;
}
.profile-name {
    color:#294F6B;
    font-size:20px;
    font-weight:bold;
    margin-bottom:2px;
}
.profile-role {
    color:#7a8287;
    font-size:10px;
    margin-bottom:14px;
}
.profile-meta { width:100%; }
.profile-stat-list { border:1px solid #c3c7ca; }
.profile-stat-list a,
.profile-stat-total {
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:8px 9px;
    border-bottom:1px solid #d3d6d8;
    color:#555;
    text-decoration:none;
}
.profile-stat-list a:hover { background:#eef1f2; }
.profile-stat-list strong { color:#294F6B; }
.profile-stat-total {
    border-bottom:0;
    background:#e7eaec;
    font-weight:bold;
}
.profile-password-box {
    max-width:560px;
    margin-top:14px;
}
.profile-password-form button { margin-top:8px; }

@media(max-width:760px) {
    .profile-grid { grid-template-columns:1fr; gap:0; }
    .profile-password-box { max-width:none; }
}


/* v0.8.5 - Profil: utoljára megtekintett epizódok */
.profile-recent-box {
    margin-top:14px;
}
.profile-recent-list {
    border:1px solid #c3c7ca;
}
.profile-recent-row {
    display:grid;
    grid-template-columns:120px minmax(140px,1fr) 48px minmax(160px,1.3fr);
    gap:10px;
    align-items:center;
    padding:7px 9px;
    border-bottom:1px solid #d4d7d9;
    font-size:10px;
}
.profile-recent-row:last-child { border-bottom:0; }
.profile-recent-row:nth-child(even) { background:#eef0f1; }
.profile-recent-date { color:#7b8388; white-space:nowrap; }
.profile-recent-show {
    color:#294F6B;
    font-weight:bold;
    text-decoration:none;
}
.profile-recent-show:hover { text-decoration:underline; }
.profile-recent-code { color:#5f707c; font-weight:bold; white-space:nowrap; }
.profile-recent-title { color:#555; min-width:0; }
.profile-recent-empty {
    padding:14px 8px;
    color:#777;
    text-align:center;
    font-size:10px;
}
@media(max-width:680px) {
    .profile-recent-row {
        grid-template-columns:1fr auto;
        gap:3px 8px;
    }
    .profile-recent-date { grid-column:1 / -1; font-size:9px; }
    .profile-recent-title { grid-column:1 / -1; }
}


/* v0.8.6 - Adatvédelmi tájékoztató */
.privacy-box { max-width:900px; margin-left:auto; margin-right:auto; }
.privacy-content { line-height:1.55; color:#50575b; }
.privacy-content h3 {
    margin:18px 0 5px;
    padding-bottom:4px;
    border-bottom:1px solid #c9cdcf;
    color:#294F6B;
    font-size:12px;
}
.privacy-content p { margin:7px 0; }
.privacy-updated { color:#7a8287; font-size:10px; }
.privacy-note {
    margin-top:18px;
    padding:9px 10px;
    border:1px solid #c4c9cc;
    background:#eef0f1;
    color:#626a6f;
    font-size:10px;
}


/* =========================================================
   v0.8.7 – Fórum
   ========================================================= */

.forum-category-list,
.forum-topic-list {
    border: 1px solid #b8bdc0;
}

.forum-category-row {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 190px;
    gap: 9px;
    align-items: center;
    min-height: 58px;
    padding: 8px 10px;
    border-bottom: 1px solid #d0d3d5;
    background: #f5f5f5;
    color: inherit;
    text-decoration: none;
}

.forum-category-row:nth-child(even),
.forum-topic-row:nth-child(even) {
    background: #ededed;
}

.forum-category-row:last-child,
.forum-topic-row:last-child {
    border-bottom: 0;
}

.forum-category-row:hover,
.forum-topic-row:hover {
    background: #e3eaee;
    text-decoration: none;
}

.forum-category-icon {
    color: #6c8290;
    font-size: 20px;
    text-align: center;
}

.forum-category-main,
.forum-topic-main {
    min-width: 0;
}

.forum-category-main strong,
.forum-topic-main strong {
    display: block;
    color: #294F6B;
    font-size: 12px;
}

.forum-category-main small,
.forum-topic-main small {
    display: block;
    margin-top: 3px;
    color: #777;
    font-size: 9px;
}

.forum-category-stats {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    color: #70777b;
    font-size: 9px;
}

.forum-category-stats strong {
    color: #4e5e68;
}

.forum-topic-row {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 80px;
    gap: 8px;
    align-items: center;
    min-height: 45px;
    padding: 7px 9px;
    border-bottom: 1px solid #d0d3d5;
    background: #f6f6f6;
    color: inherit;
    text-decoration: none;
}

.forum-topic-flags {
    color: #d63c3c;
    text-align: center;
    font-size: 12px;
}

.forum-topic-replies {
    color: #6e767b;
    font-size: 9px;
    text-align: right;
}

.forum-breadcrumb {
    margin-bottom: 9px;
    color: #777;
    font-size: 9px;
}

.forum-category-description {
    margin-bottom: 10px;
    padding: 7px 8px;
    border: 1px solid #c3c7ca;
    background: #eef0f1;
    color: #666;
    font-size: 10px;
}

.forum-empty {
    padding: 18px 8px;
    color: #777;
    text-align: center;
    font-size: 10px;
}

.forum-editor-box {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}

.forum-editor-form select,
.forum-editor-form textarea,
.forum-reply-form textarea {
    border: 1px solid #a7adb2;
    background: #fff;
    padding: 7px;
    font: inherit;
}

.forum-editor-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
}

.forum-posts {
    display: grid;
    gap: 9px;
}

.forum-post {
    display: grid;
    grid-template-columns: 145px minmax(0, 1fr);
    border: 1px solid #9fa7ac;
    background: #ededed;
}

.forum-post-user {
    padding: 10px;
    border-right: 1px solid #b8bdc0;
    background: #dfe3e5;
}

.forum-post-username {
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.forum-post-user > span,
.forum-post-user small {
    display: block;
    margin-top: 3px;
    color: #737b80;
    font-size: 9px;
}

.forum-post-body {
    min-width: 0;
    background: #f7f7f7;
}

.forum-post-meta {
    display: flex;
    justify-content: space-between;
    padding: 5px 8px;
    border-bottom: 1px solid #d0d3d5;
    background: #e7e9ea;
    color: #777;
    font-size: 9px;
}

.forum-post-text {
    min-height: 85px;
    padding: 12px 10px;
    color: #3e4448;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.forum-post-tools {
    padding: 5px 8px;
    border-top: 1px solid #d0d3d5;
    text-align: right;
}

.forum-post-tools form,
.forum-mod-actions form,
.forum-danger-zone form {
    display: inline;
    margin: 0;
}

.forum-post-tools button,
.forum-mod-actions button,
.forum-danger-zone button {
    padding: 3px 6px;
    font-size: 9px;
}

.forum-mod-actions {
    display: flex;
    gap: 4px;
}

.forum-locked-note {
    padding: 7px 9px;
    border: 1px solid #c2abab;
    background: #f1e3e3;
    color: #7a4545;
    font-size: 10px;
}

.forum-reply-box {
    margin-top: 12px;
}

.forum-reply-form button {
    justify-self: start;
}

.forum-login-note {
    margin-top: 12px;
}

.forum-danger-zone {
    margin-top: 10px;
    text-align: right;
}

.forum-danger-zone button {
    color: #8b2f2f;
}

@media (max-width: 700px) {
    .forum-category-row {
        grid-template-columns: 28px minmax(0, 1fr);
    }

    .forum-category-stats {
        grid-column: 2;
        justify-content: flex-start;
    }

    .forum-topic-row {
        grid-template-columns: 28px minmax(0, 1fr);
    }

    .forum-topic-replies {
        grid-column: 2;
        text-align: left;
    }

    .forum-post {
        grid-template-columns: 1fr;
    }

    .forum-post-user {
        border-right: 0;
        border-bottom: 1px solid #b8bdc0;
    }
}


/* =========================================================
   v0.8.8 – Wiki
   ========================================================= */
.wiki-layout {
    display:grid;
    grid-template-columns:210px minmax(0,1fr);
    gap:14px;
    align-items:start;
}
.wiki-nav-box {
    position:sticky;
    top:10px;
}
.wiki-nav {
    display:grid;
}
.wiki-nav a {
    padding:7px 8px;
    border-bottom:1px solid #d0d3d5;
    color:#294F6B;
    font-size:10px;
    font-weight:bold;
    text-decoration:none;
}
.wiki-nav a:last-child { border-bottom:0; }
.wiki-nav a:hover { background:#e7ecef; }
.wiki-content {
    display:grid;
    gap:14px;
}
.wiki-section {
    margin:0;
    scroll-margin-top:10px;
}
.wiki-section .box-content {
    color:#4f565a;
    line-height:1.55;
}
.wiki-section p {
    margin:0 0 9px;
}
.wiki-section p:last-child {
    margin-bottom:0;
}
.wiki-compare {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.wiki-compare > div {
    padding:9px;
    border:1px solid #c3c7ca;
    background:#f2f3f3;
}
.wiki-compare strong {
    display:block;
    margin-bottom:6px;
    color:#294F6B;
    font-size:11px;
}
.wiki-compare span {
    display:block;
    padding:3px 0;
    color:#62696d;
    font-size:10px;
}
.wiki-table {
    width:100%;
    border-collapse:collapse;
}
.wiki-table th,
.wiki-table td {
    padding:7px 8px;
    border:1px solid #c7cbcd;
    text-align:left;
    vertical-align:top;
}
.wiki-table th {
    width:135px;
    background:#e7eaec;
    color:#294F6B;
    font-size:10px;
}
.wiki-table td {
    background:#f7f7f7;
}
.wiki-dot {
    display:inline-block;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#d63c3c;
    box-shadow:0 0 4px rgba(214,60,60,.45);
}
.wiki-days {
    color:#d63c3c;
    font-weight:bold;
    font-size:11px;
}
@media(max-width:760px) {
    .wiki-layout {
        grid-template-columns:1fr;
    }
    .wiki-nav-box {
        position:static;
    }
    .wiki-compare {
        grid-template-columns:1fr;
    }
}


/* =========================================================
   v0.8.9 – AdminPanel
   ========================================================= */
.admin-dashboard-head {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:14px;
    margin-bottom:12px;
}
.admin-dashboard-head h1 {
    margin:0;
    color:#294F6B;
    font-size:21px;
}
.admin-dashboard-head p {
    margin:3px 0 0;
    color:#777;
    font-size:10px;
}
.admin-quick-nav {
    display:flex;
    gap:3px;
    flex-wrap:wrap;
}
.admin-quick-nav a {
    padding:5px 8px;
    border:1px solid #aab1b6;
    background:#e4e7e9;
    color:#294F6B;
    font-size:10px;
    font-weight:bold;
    text-decoration:none;
}
.admin-quick-nav a:hover {
    background:#d8e0e5;
}
.admin-global-message {
    margin-bottom:12px;
}
.admin-stat-grid {
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:8px;
}
.admin-stat-grid > div {
    padding:10px 8px;
    border:1px solid #bbc0c3;
    background:#f4f4f4;
    text-align:center;
}
.admin-stat-grid span {
    display:block;
    color:#737b80;
    font-size:9px;
}
.admin-stat-grid strong {
    display:block;
    margin-top:3px;
    color:#294F6B;
    font-size:19px;
}
.admin-two-column {
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:14px;
}
.admin-news-form textarea {
    border:1px solid #a7adb2;
    background:#fff;
    padding:7px;
    font:inherit;
    resize:vertical;
}
.admin-note {
    margin-top:9px;
    padding:7px 8px;
    border:1px solid #c7c9c9;
    background:#efefeb;
    color:#686868;
    font-size:9px;
    line-height:1.45;
}
.admin-news-list {
    border:1px solid #bcc1c4;
}
.admin-news-row {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
    align-items:center;
    padding:8px;
    border-bottom:1px solid #d0d3d5;
    background:#f6f6f6;
}
.admin-news-row:nth-child(even) {
    background:#eeeeee;
}
.admin-news-row:last-child {
    border-bottom:0;
}
.admin-news-main {
    min-width:0;
}
.admin-news-main strong {
    display:block;
    color:#294F6B;
    font-size:11px;
}
.admin-news-main span {
    display:block;
    margin-top:2px;
    color:#81878a;
    font-size:8px;
}
.admin-news-main p {
    margin:4px 0 0;
    color:#62686c;
    font-size:9px;
    line-height:1.4;
}
.admin-delete-form {
    margin:0;
}
.admin-delete-form button {
    padding:4px 6px;
    color:#8b3030;
    font-size:9px;
}
.admin-user-list {
    border:1px solid #bcc1c4;
}
.admin-user-row {
    display:grid;
    grid-template-columns:150px 120px 120px minmax(180px,1fr);
    gap:8px;
    padding:7px 9px;
    border-bottom:1px solid #d3d6d8;
    background:#f6f6f6;
    font-size:9px;
}
.admin-user-row:nth-child(even) {
    background:#eeeeee;
}
.admin-user-row:last-child {
    border-bottom:0;
}
@media(max-width:900px) {
    .admin-stat-grid {
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}
@media(max-width:760px) {
    .admin-dashboard-head {
        align-items:flex-start;
        flex-direction:column;
    }
    .admin-two-column {
        grid-template-columns:1fr;
    }
    .admin-user-row {
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:520px) {
    .admin-stat-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}


/* =========================================================
   v0.9.0 – Támogatás oldal
   ========================================================= */
.support-box {
    max-width:760px;
    margin-left:auto;
    margin-right:auto;
}
.support-content {
    color:#4f565a;
    line-height:1.55;
}
.support-content > p {
    margin:0 0 14px;
}
.support-note {
    margin-bottom:14px;
    padding:10px 11px;
    border:1px solid #b9c1c5;
    background:#eef1f2;
}
.support-note strong {
    display:block;
    margin-bottom:3px;
    color:#294F6B;
    font-size:11px;
}
.support-note span {
    color:#666;
    font-size:10px;
}
.support-purpose {
    margin-bottom:16px;
    padding:9px 10px;
    border:1px solid #c7cbcd;
    background:#f6f6f6;
    color:#62696d;
    font-size:10px;
}
.support-purpose strong {
    display:block;
    margin-bottom:5px;
    color:#294F6B;
}
.support-purpose div {
    padding:2px 0;
}
.support-button {
    display:inline-block;
    padding:7px 14px;
    border:1px solid #88949c;
    background:linear-gradient(#ffffff,#d6dde1);
    color:#294F6B;
    font-weight:bold;
    text-decoration:none;
}
.support-button:hover {
    background:linear-gradient(#ffffff,#cbd6dc);
    text-decoration:none;
}
.support-link-missing {
    display:inline-block;
    padding:7px 10px;
    border:1px solid #c4c8ca;
    background:#ececec;
    color:#777;
    font-size:10px;
}
.support-legal-note {
    margin-top:18px;
    padding-top:9px;
    border-top:1px solid #c8ccce;
    color:#7b8185;
    font-size:9px;
}


/* v0.9.1 – AdminPanel gyorsműveletek */
.admin-quick-actions {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
}
.admin-quick-actions > a {
    display:block;
    padding:10px;
    border:1px solid #bbc0c3;
    background:#f4f4f4;
    color:#555;
    text-decoration:none;
}
.admin-quick-actions > a:hover {
    background:#e5ebee;
    text-decoration:none;
}
.admin-quick-actions strong {
    display:block;
    margin-bottom:4px;
    color:#294F6B;
    font-size:11px;
}
.admin-quick-actions span {
    display:block;
    color:#737b80;
    font-size:9px;
    line-height:1.35;
}
@media(max-width:760px) {
    .admin-quick-actions { grid-template-columns:1fr 1fr; }
}


/* =========================================================
   v0.9.2 – Következő epizódok / Naptár
   ========================================================= */

.calendar-tabs {
    display:flex;
    margin-bottom:10px;
    border:1px solid #aeb5ba;
    background:#e3e6e8;
}

.calendar-tabs a {
    padding:7px 11px;
    border-right:1px solid #b8bdc0;
    color:#294F6B;
    font-size:10px;
    font-weight:bold;
    text-decoration:none;
}

.calendar-tabs a:last-child {
    border-right:0;
}

.calendar-tabs a:hover {
    background:#d8e0e4;
}

.calendar-tabs a.active {
    background:#ffffff;
    color:#d63c3c;
    box-shadow:inset 0 -2px 0 #d63c3c;
}

.calendar-days {
    display:grid;
    gap:10px;
}

.calendar-day {
    border:1px solid #b6bcc0;
    background:#f3f3f3;
}

.calendar-day-head {
    display:flex;
    justify-content:space-between;
    gap:10px;
    padding:7px 9px;
    border-bottom:1px solid #bfc4c7;
    background:linear-gradient(#e4e7e9,#d5dade);
}

.calendar-day-head strong {
    color:#294F6B;
    font-size:11px;
}

.calendar-day-head span {
    color:#747c80;
    font-size:9px;
}

.calendar-episode-row {
    display:grid;
    grid-template-columns:55px minmax(150px,.9fr) 50px minmax(180px,1.3fr);
    gap:8px;
    align-items:center;
    min-height:34px;
    padding:6px 8px;
    border-bottom:1px solid #d4d7d9;
    background:#fafafa;
    color:inherit;
    text-decoration:none;
}

.calendar-episode-row:nth-child(even) {
    background:#efefef;
}

.calendar-episode-row:last-child {
    border-bottom:0;
}

.calendar-episode-row:hover {
    background:#e5ecef;
    text-decoration:none;
}

.calendar-time {
    color:#7b8388;
    font-size:9px;
    text-align:center;
}

.calendar-show {
    color:#294F6B;
    font-size:11px;
    font-weight:bold;
}

.calendar-code {
    color:#5f707c;
    font-size:10px;
    font-weight:bold;
}

.calendar-title {
    min-width:0;
    color:#555;
    font-size:10px;
}

.calendar-empty {
    padding:24px 12px;
    border:1px solid #c2c7ca;
    background:#f5f5f5;
    color:#70777b;
    text-align:center;
    font-size:10px;
}

@media(max-width:700px) {
    .calendar-tabs {
        overflow-x:auto;
    }

    .calendar-tabs a {
        white-space:nowrap;
    }

    .calendar-episode-row {
        grid-template-columns:48px 1fr 46px;
    }

    .calendar-title {
        grid-column:2 / 4;
    }
}


/* =========================================================
   v0.9.3 – több vizuális tartalom: borítók a főoldalon és naptárban
   ========================================================= */

/* Főoldal – Mai premierek */
.premiere-row {
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr);
    gap:8px;
    align-items:center;
    min-height:66px;
}

.premiere-thumb {
    display:block;
    width:42px;
    height:58px;
    overflow:hidden;
    border:1px solid #9aa3a8;
    background:#d7dbdd;
    box-shadow:0 1px 2px rgba(0,0,0,.16);
    text-decoration:none !important;
}

.premiere-thumb img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.premiere-thumb-missing {
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    color:#7d878d;
    font-size:9px;
    font-weight:bold;
}

.premiere-info {
    min-width:0;
}

.premiere-show {
    font-size:12px !important;
}

.premiere-title {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* Naptár – epizódlista borítókkal */
.calendar-episode-row {
    grid-template-columns:38px 48px minmax(140px,.9fr) 50px minmax(160px,1.3fr) !important;
    min-height:58px !important;
}

.calendar-thumb {
    display:block;
    width:34px;
    height:48px;
    overflow:hidden;
    border:1px solid #9da6ab;
    background:#d7dbdd;
    box-shadow:0 1px 2px rgba(0,0,0,.14);
}

.calendar-thumb img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.calendar-thumb-missing {
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    color:#7d878d;
    font-size:8px;
    font-weight:bold;
}

@media(max-width:700px) {
    .premiere-row {
        grid-template-columns:38px minmax(0,1fr);
    }

    .premiere-thumb {
        width:38px;
        height:52px;
    }

    .calendar-episode-row {
        grid-template-columns:34px 42px minmax(0,1fr) 46px !important;
    }

    .calendar-thumb {
        width:30px;
        height:43px;
    }

    .calendar-title {
        grid-column:3 / 5 !important;
    }
}


/* =========================================================
   v0.9.4 – élőbb, de továbbra is letisztult színvilág
   ========================================================= */
:root{
    --sk-navy:#294F6B;
    --sk-navy-dark:#203f56;
    --sk-blue-soft:#dce9f1;
    --sk-orange:#e58a2b;
    --sk-orange-soft:#fff0dd;
    --sk-green:#4d8b69;
    --sk-green-soft:#e5f1e9;
    --sk-red:#b94b4b;
    --sk-paper:#f8f6f1;
}

/* Melegebb oldalháttér: kevésbé "szürke adminpanel". */
body{
    background:
      linear-gradient(rgba(255,255,255,.62),rgba(255,255,255,.62)),
      #e8ecee;
}

/* A dobozok kapnak egy kis mélységet. */
.box{
    border-color:#aeb8be;
    box-shadow:0 2px 7px rgba(41,79,107,.08);
}
.box-title{
    background:linear-gradient(#365f7c,#294F6B) !important;
    border-color:#203f56 !important;
    color:#fff !important;
}
.box-title > span:first-child{
    color:#fff !important;
    text-shadow:0 1px 0 rgba(0,0,0,.18);
}
.box-title .box-link,
.box-title .box-link:visited{
    color:#f8d5a8 !important;
}

/* Navigáció: aktív menüpont melegebb hangsúlyt kap. */
.topnav a:hover{
    background:#dce8ef !important;
    color:#203f56 !important;
}
.topnav a.active{
    background:#294F6B !important;
    color:#fff !important;
    border-color:#203f56 !important;
}

/* Általános linkek picit teltebbek. */
a{ color:#2c6388; }
a:hover{ color:#d9781f; }

/* Gombok: kék alap, narancs hover. */
button,
.button,
input[type="submit"]{
    border-color:#24465e !important;
    background:linear-gradient(#3b6c8d,#294F6B) !important;
    color:#fff !important;
}
button:hover,
.button:hover,
input[type="submit"]:hover{
    border-color:#c96f19 !important;
    background:linear-gradient(#ee9b48,#df7d20) !important;
}

/* Kártyák/listák ne csak szürkék legyenek. */
.calendar-day,
.forum-category-list,
.forum-topic-list,
.admin-news-list,
.admin-user-list,
.profile-stat-list{
    border-color:#aebac1 !important;
}
.calendar-episode-row:nth-child(even),
.forum-category-row:nth-child(even),
.forum-topic-row:nth-child(even),
.admin-news-row:nth-child(even),
.admin-user-row:nth-child(even){
    background:#edf3f6 !important;
}
.calendar-episode-row:hover,
.forum-category-row:hover,
.forum-topic-row:hover,
.admin-news-row:hover{
    background:#fff0dd !important;
}

/* Naptár napfejléc. */
.calendar-day-head{
    background:linear-gradient(#edf4f8,#dbe8ef) !important;
    border-bottom-color:#b2c2cb !important;
}
.calendar-day-head strong{ color:#294F6B !important; }

/* Ma / Holnap / 7 nap fülek. */
.calendar-tabs a.active{
    background:#fff0dd !important;
    color:#c96f19 !important;
    box-shadow:inset 0 -3px 0 #e58a2b !important;
}

/* Profil statisztika kap színes hangsúlyokat. */
.profile-stat-list a:nth-child(1) strong{ color:#2c6388 !important; }
.profile-stat-list a:nth-child(2) strong{ color:#4d8b69 !important; }
.profile-stat-list a:nth-child(3) strong{ color:#b94b4b !important; }
.profile-stat-list a:nth-child(4) strong{ color:#d17a22 !important; }

/* Wiki / információs panelek. */
.wiki-compare > div,
.support-purpose,
.privacy-note,
.admin-note{
    background:#f3f7f9 !important;
    border-left:3px solid #6f98b2 !important;
}
.support-note{
    background:#fff0dd !important;
    border-left:3px solid #e58a2b !important;
}

/* A sorozatképek körül finom meleg kiemelés hoverkor. */
.poster-card:hover img,
.premiere-thumb:hover,
.calendar-thumb:hover{
    box-shadow:0 0 0 2px #e58a2b,0 3px 8px rgba(0,0,0,.18);
}

/* Üres állapotok kevésbé szürkék. */
.empty,
.calendar-empty,
.forum-empty{
    background:#f5f8fa !important;
    border-color:#bdcbd3 !important;
}

/* Visszafogott narancs elválasztó a fő tartalmi dobozok alatt. */
.main > .box,
.content > .box{
    border-bottom-color:#d6a36d;
}


/* =========================================================
   v0.9.5 – modernebb vizuális réteg, működés/elrendezés változatlan
   ========================================================= */

:root{
    --modern-bg:#eef3f6;
    --modern-surface:#ffffff;
    --modern-surface-soft:#f7fafc;
    --modern-border:#d8e1e7;
    --modern-text:#28343d;
    --modern-muted:#75838d;
    --modern-primary:#294F6B;
    --modern-primary-2:#3d6f90;
    --modern-accent:#e58a2b;
    --modern-shadow:0 8px 24px rgba(41,79,107,.09);
}

/* Általános háttér és tipográfia – elrendezéshez nem nyúlunk */
html,body{
    background:
        radial-gradient(circle at top left, rgba(100,157,190,.10), transparent 34%),
        linear-gradient(180deg,#f7fafc 0%,#eef3f6 100%) !important;
    color:var(--modern-text) !important;
}

/* Panelek modernebb, tisztább felülettel */
.box{
    background:rgba(255,255,255,.94) !important;
    border:1px solid var(--modern-border) !important;
    border-radius:10px !important;
    box-shadow:var(--modern-shadow) !important;
    overflow:hidden;
}

.box-title{
    min-height:36px !important;
    padding:8px 12px !important;
    background:
        linear-gradient(135deg,var(--modern-primary) 0%,var(--modern-primary-2) 100%) !important;
    border-bottom:0 !important;
    color:#fff !important;
    font-size:13px !important;
}

.box-content{
    background:var(--modern-surface) !important;
    padding:12px !important;
}

/* Fő navigáció modernebb, könnyebb */
.main-nav{
    background:rgba(255,255,255,.92) !important;
    border-bottom:1px solid var(--modern-border) !important;
    box-shadow:0 3px 12px rgba(41,79,107,.06);
    backdrop-filter:blur(8px);
}

.main-nav a{
    border-color:transparent !important;
    color:#40515d !important;
    padding:10px 18px !important;
    border-radius:6px 6px 0 0;
}

.main-nav a:hover{
    background:#edf4f8 !important;
    color:var(--modern-primary) !important;
}

.main-nav a.active{
    background:#eef5f9 !important;
    color:var(--modern-primary) !important;
    box-shadow:inset 0 -3px 0 var(--modern-accent) !important;
}

/* Fejléc finomabb háttérrel */
.hero{
    background:
        linear-gradient(135deg,rgba(255,255,255,.95),rgba(229,240,247,.92)) !important;
    border-bottom:1px solid var(--modern-border) !important;
}

/* Űrlapok modernebbek */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
select,
textarea{
    border:1px solid #c9d4dc !important;
    background:#fff !important;
    border-radius:7px !important;
    padding:8px 10px !important;
    color:#33434e !important;
    outline:none;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.02);
}

input:focus,
select:focus,
textarea:focus{
    border-color:#7da2ba !important;
    box-shadow:0 0 0 3px rgba(61,111,144,.12) !important;
}

/* Gombok modernebbek, de azonos helyen/méretlogikával */
button,
.button,
input[type="submit"]{
    border:1px solid #24465e !important;
    border-radius:7px !important;
    background:linear-gradient(135deg,#3f7395,#294F6B) !important;
    color:#fff !important;
    box-shadow:0 3px 8px rgba(41,79,107,.16);
    transition:transform .12s ease, box-shadow .12s ease, background .12s ease;
}

button:hover,
.button:hover,
input[type="submit"]:hover{
    background:linear-gradient(135deg,#ef9d4a,#df7d20) !important;
    border-color:#c86f19 !important;
    box-shadow:0 4px 10px rgba(213,122,34,.18);
}

/* Sorok/kártyák modernebb, letisztultabb */
.shoutbox,
.premiere-list,
.forum-category-list,
.forum-topic-list,
.profile-stat-list,
.admin-news-list,
.admin-user-list{
    border:1px solid var(--modern-border) !important;
    border-radius:8px !important;
    overflow:hidden;
    background:#fff !important;
}

.shout-row,
.premiere-row,
.calendar-episode-row,
.forum-category-row,
.forum-topic-row,
.admin-news-row,
.admin-user-row,
.profile-recent-row{
    border-color:#e5ebef !important;
    background:#fff !important;
}

.shout-row:nth-child(even),
.premiere-row:nth-child(even),
.calendar-episode-row:nth-child(even),
.forum-category-row:nth-child(even),
.forum-topic-row:nth-child(even),
.admin-news-row:nth-child(even),
.admin-user-row:nth-child(even),
.profile-recent-row:nth-child(even){
    background:#f8fbfd !important;
}

.shout-row:hover,
.premiere-row:hover,
.calendar-episode-row:hover,
.forum-category-row:hover,
.forum-topic-row:hover,
.admin-news-row:hover{
    background:#fff7ee !important;
}

/* Képek és borítók kicsit prémiumabbak */
.discover-cover-image,
.premiere-thumb,
.calendar-thumb,
.discover-detail-poster{
    border-color:#c8d5dc !important;
    border-radius:8px !important;
    overflow:hidden;
    box-shadow:0 5px 14px rgba(41,79,107,.12) !important;
}

.discover-cover-link:hover .discover-cover-image,
.premiere-thumb:hover,
.calendar-thumb:hover{
    box-shadow:0 0 0 2px rgba(229,138,43,.75),0 8px 18px rgba(41,79,107,.16) !important;
}

/* Fülek */
.myshows-tabs,
.calendar-tabs{
    background:#f2f6f8 !important;
    border-color:var(--modern-border) !important;
    border-radius:8px !important;
    overflow:hidden;
}

.myshows-tabs a,
.calendar-tabs a{
    border-color:#e0e7eb !important;
    background:transparent !important;
}

.myshows-tabs a.active,
.calendar-tabs a.active{
    background:#fff !important;
    color:var(--modern-primary) !important;
    box-shadow:inset 0 -3px 0 var(--modern-accent) !important;
}

/* Admin gyorsműveletek modernebb kártyák */
.admin-quick-actions > a,
.admin-stat-grid > div,
.wiki-compare > div,
.support-purpose,
.privacy-note,
.admin-note{
    border:1px solid var(--modern-border) !important;
    border-radius:8px !important;
    background:#f8fbfd !important;
    box-shadow:0 3px 10px rgba(41,79,107,.05);
}

/* Táblák/meta blokkok */
.detail-meta th,
.wiki-table th{
    background:#eef4f7 !important;
    color:var(--modern-primary) !important;
}

.detail-meta td,
.wiki-table td{
    background:#fff !important;
}

.detail-meta th,
.detail-meta td,
.wiki-table th,
.wiki-table td{
    border-color:#dfe7ec !important;
}

/* Lapozók */
.discover-pagination a,
.discover-pagination span{
    border-radius:6px !important;
    border-color:#d0dbe1 !important;
    background:#f8fbfd !important;
}

.discover-pagination .current{
    background:var(--modern-primary) !important;
    border-color:var(--modern-primary) !important;
}

/* Finomabb szövegszínek */
.box-link,
.news-more,
.shout-time,
.poll-total,
.profile-role,
.premiere-title,
.calendar-title,
.forum-topic-main small,
.forum-category-main small{
    color:var(--modern-muted) !important;
}

/* Lábjegyzet */
.footer{
    background:linear-gradient(180deg,#dce7ed,#cfdee6) !important;
    border-top:1px solid #bdccd5 !important;
    color:#52616b !important;
}

/* Mobilon csak a vizuális réteg alkalmazkodik; struktúrához nem nyúlunk */
@media(max-width:760px){
    .box{
        border-radius:8px !important;
    }

    .main-nav a{
        padding:9px 14px !important;
    }
}


/* =========================================================
   v0.9.6 – teljes modern vizuális réteg, funkció/elrendezés változatlan
   ========================================================= */

:root{
    --ui-bg:#f5f7fb;
    --ui-surface:#ffffff;
    --ui-surface-soft:#f8fafc;
    --ui-line:#e4e9f0;
    --ui-text:#1f2937;
    --ui-muted:#7b8794;
    --ui-blue:#2563eb;
    --ui-blue-dark:#1d4ed8;
    --ui-purple:#7c3aed;
    --ui-cyan:#0ea5e9;
    --ui-pink:#ec4899;
    --ui-green:#10b981;
    --ui-orange:#f59e0b;
    --ui-red:#ef4444;
    --ui-shadow:0 12px 30px rgba(31,41,55,.08);
    --ui-radius:14px;
}

/* oldal */
html,body{
    background:
        radial-gradient(circle at 10% 0%, rgba(37,99,235,.08), transparent 28%),
        radial-gradient(circle at 90% 0%, rgba(124,58,237,.06), transparent 25%),
        #f5f7fb !important;
    color:var(--ui-text) !important;
}

/* fejléc */
.modern-header{
    min-height:96px !important;
    height:auto !important;
    background:rgba(255,255,255,.88) !important;
    border-bottom:1px solid var(--ui-line) !important;
    box-shadow:0 6px 20px rgba(31,41,55,.05);
    backdrop-filter:blur(14px);
    overflow:visible !important;
}

.modern-header-inner{
    min-height:96px !important;
    height:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:18px;
    padding:12px 0;
}

.modern-brand{
    display:flex;
    align-items:center;
    gap:12px;
    color:inherit;
    text-decoration:none !important;
}

.modern-brand-mark{
    position:relative;
    width:52px;
    height:44px;
    flex:0 0 52px;
}

.brand-screen{
    position:absolute;
    left:3px;
    top:10px;
    width:46px;
    height:31px;
    border:3px solid #334155;
    border-radius:11px;
    background:linear-gradient(145deg,#111827,#1f2937);
    box-shadow:
        0 0 0 3px rgba(37,99,235,.08),
        0 6px 16px rgba(31,41,55,.18);
}

.brand-play{
    position:absolute;
    left:21px;
    top:18px;
    z-index:2;
    color:#7c3aed;
    font-size:16px;
    line-height:1;
    text-shadow:0 0 10px rgba(124,58,237,.28);
}

.brand-antenna{
    position:absolute;
    top:3px;
    width:18px;
    height:3px;
    border-radius:999px;
    background:#475569;
    transform-origin:center right;
}

.brand-antenna-left{
    left:10px;
    transform:rotate(42deg);
}

.brand-antenna-right{
    left:24px;
    transform:rotate(-42deg);
}

.modern-brand-text{
    display:flex;
    flex-direction:column;
    line-height:1;
}

.modern-brand-text strong{
    font-size:24px;
    letter-spacing:-.7px;
    color:#172033;
}

.modern-brand-text strong span{
    color:var(--ui-blue);
}

.modern-brand-text small{
    margin-top:6px;
    color:var(--ui-muted);
    font-size:9px;
    letter-spacing:.2px;
}

.modern-header-spacer{
    flex:1 1 auto;
}

.modern-auth-links{
    display:flex;
    align-items:center;
    gap:8px;
}

.modern-auth-links a{
    padding:8px 11px;
    border-radius:9px;
    color:#334155;
    font-weight:bold;
    text-decoration:none;
}

.modern-auth-links a:hover{
    background:#eef3f9;
    text-decoration:none;
}

.modern-auth-links .modern-register{
    background:linear-gradient(135deg,var(--ui-blue),var(--ui-purple));
    color:#fff;
}

/* profil lenyíló */
.profile-menu-wrap{
    position:relative;
    z-index:100;
}

.profile-menu-button{
    display:flex !important;
    align-items:center;
    gap:9px;
    padding:6px 9px !important;
    border:1px solid var(--ui-line) !important;
    border-radius:12px !important;
    background:#fff !important;
    color:#334155 !important;
    box-shadow:0 5px 16px rgba(31,41,55,.07) !important;
}

.profile-menu-button:hover{
    background:#f8fafc !important;
    border-color:#cfd8e3 !important;
}

.profile-avatar{
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--ui-blue),var(--ui-purple));
    color:#fff;
    font-size:12px;
    font-weight:bold;
}

.profile-menu-name{
    font-size:11px;
    font-weight:bold;
}

.profile-menu-chevron{
    color:#7b8794;
    font-size:13px;
}

.profile-dropdown{
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    display:none;
    width:190px;
    padding:7px;
    border:1px solid var(--ui-line);
    border-radius:13px;
    background:#fff;
    box-shadow:0 18px 40px rgba(31,41,55,.16);
}

.profile-menu-wrap.open .profile-dropdown{
    display:block;
}

.profile-dropdown-head{
    padding:8px 9px 10px;
    margin-bottom:5px;
    border-bottom:1px solid var(--ui-line);
}

.profile-dropdown-head strong{
    display:block;
    color:#1f2937;
    font-size:11px;
}

.profile-dropdown-head span{
    display:block;
    margin-top:2px;
    color:var(--ui-muted);
    font-size:9px;
}

.profile-dropdown a{
    display:block;
    padding:8px 9px;
    border-radius:8px;
    color:#3f4b59;
    font-size:10px;
    text-decoration:none;
}

.profile-dropdown a:hover{
    background:#f1f5f9;
    color:var(--ui-blue);
    text-decoration:none;
}

.profile-dropdown .profile-dropdown-logout{
    margin-top:4px;
    border-top:1px solid var(--ui-line);
    border-radius:0 0 8px 8px;
    color:var(--ui-red);
}

/* navigáció */
.main-nav{
    background:rgba(255,255,255,.96) !important;
    border-bottom:1px solid var(--ui-line) !important;
    box-shadow:0 4px 14px rgba(31,41,55,.035);
}

.nav-inner{
    gap:3px;
}

.main-nav a{
    padding:10px 15px !important;
    border:0 !important;
    border-radius:9px 9px 0 0;
    color:#5b6672 !important;
    font-size:10px !important;
    letter-spacing:.15px;
}

.main-nav a:hover{
    background:#f0f4fa !important;
    color:var(--ui-blue) !important;
}

.main-nav a.active{
    background:#eef4ff !important;
    color:var(--ui-blue) !important;
    box-shadow:inset 0 -3px 0 var(--ui-blue) !important;
}

/* kártyák */
.box{
    border:1px solid var(--ui-line) !important;
    border-radius:var(--ui-radius) !important;
    background:var(--ui-surface) !important;
    box-shadow:var(--ui-shadow) !important;
    overflow:hidden;
}

.box-title{
    min-height:40px !important;
    padding:9px 13px !important;
    border-bottom:1px solid var(--ui-line) !important;
    background:
        linear-gradient(135deg,#ffffff 0%,#f8fbff 100%) !important;
    color:#263445 !important;
    font-size:12px !important;
}

.box-title > span:first-child{
    color:#263445 !important;
    text-shadow:none !important;
}

.box-title .box-link,
.box-title .box-link:visited{
    color:var(--ui-blue) !important;
    font-weight:bold;
}

.box-content{
    background:#fff !important;
    padding:13px !important;
}

/* űrlapok */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
select,
textarea{
    border:1px solid #dbe3ec !important;
    border-radius:10px !important;
    background:#fff !important;
    padding:8px 10px !important;
    color:#334155 !important;
    box-shadow:0 1px 2px rgba(31,41,55,.02);
}

input:focus,
select:focus,
textarea:focus{
    border-color:#93b4ea !important;
    box-shadow:0 0 0 3px rgba(37,99,235,.10) !important;
}

button,
.button,
input[type="submit"]{
    border:0 !important;
    border-radius:10px !important;
    background:linear-gradient(135deg,var(--ui-blue),var(--ui-purple)) !important;
    color:#fff !important;
    box-shadow:0 5px 14px rgba(37,99,235,.18) !important;
}

button:hover,
.button:hover,
input[type="submit"]:hover{
    background:linear-gradient(135deg,var(--ui-blue-dark),#6d28d9) !important;
    box-shadow:0 7px 18px rgba(37,99,235,.23) !important;
}

/* listák */
.shoutbox,
.premiere-list,
.forum-category-list,
.forum-topic-list,
.profile-stat-list,
.admin-news-list,
.admin-user-list{
    border:1px solid var(--ui-line) !important;
    border-radius:11px !important;
    overflow:hidden;
    background:#fff !important;
}

.shout-row,
.premiere-row,
.calendar-episode-row,
.forum-category-row,
.forum-topic-row,
.admin-news-row,
.admin-user-row,
.profile-recent-row{
    background:#fff !important;
    border-color:#edf1f5 !important;
}

.shout-row:nth-child(even),
.premiere-row:nth-child(even),
.calendar-episode-row:nth-child(even),
.forum-category-row:nth-child(even),
.forum-topic-row:nth-child(even),
.admin-news-row:nth-child(even),
.admin-user-row:nth-child(even),
.profile-recent-row:nth-child(even){
    background:#fbfcfe !important;
}

.shout-row:hover,
.premiere-row:hover,
.calendar-episode-row:hover,
.forum-category-row:hover,
.forum-topic-row:hover,
.admin-news-row:hover{
    background:#f4f8ff !important;
}

/* képek */
.discover-cover-image,
.premiere-thumb,
.calendar-thumb,
.discover-detail-poster{
    border:0 !important;
    border-radius:11px !important;
    box-shadow:0 8px 20px rgba(31,41,55,.12) !important;
}

.discover-cover-link:hover .discover-cover-image,
.premiere-thumb:hover,
.calendar-thumb:hover{
    box-shadow:0 0 0 2px rgba(124,58,237,.55),0 12px 24px rgba(31,41,55,.16) !important;
}

/* fülek */
.myshows-tabs,
.calendar-tabs{
    border:1px solid var(--ui-line) !important;
    border-radius:11px !important;
    background:#f7f9fc !important;
    overflow:hidden;
}

.myshows-tabs a,
.calendar-tabs a{
    border-color:#e8edf3 !important;
}

.myshows-tabs a.active,
.calendar-tabs a.active{
    background:#fff !important;
    color:var(--ui-blue) !important;
    box-shadow:inset 0 -3px 0 var(--ui-purple) !important;
}

/* fontos információk */
.success{
    border-color:#b7ead3 !important;
    background:#ecfdf5 !important;
    color:#047857 !important;
    border-radius:10px;
}

.alert{
    border-color:#fecaca !important;
    background:#fff1f2 !important;
    color:#be123c !important;
    border-radius:10px;
}

.guest-action-note,
.admin-note,
.privacy-note,
.support-note{
    border-radius:10px !important;
}

/* lapozó */
.discover-pagination a,
.discover-pagination span{
    border:1px solid var(--ui-line) !important;
    border-radius:8px !important;
    background:#fff !important;
}

.discover-pagination .current{
    background:linear-gradient(135deg,var(--ui-blue),var(--ui-purple)) !important;
    border-color:transparent !important;
}

/* footer */
.footer{
    margin-top:28px;
    border-top:1px solid var(--ui-line) !important;
    background:#eef2f7 !important;
    color:#687582 !important;
}

/* mobil */
@media(max-width:760px){
    .modern-header-inner{
        min-height:auto !important;
        padding:10px 0;
        gap:10px;
    }

    .modern-brand-text strong{
        font-size:20px;
    }

    .modern-brand-text small{
        display:none;
    }

    .profile-menu-name{
        display:none;
    }

    .main-nav a{
        padding:9px 12px !important;
    }

    .box{
        border-radius:11px !important;
    }
}


/* =========================================================
   v0.9.7 – sötétebb fejléc és oldalháttér, elrendezés változatlan
   ========================================================= */

:root{
    --dark-page:#111827;
    --dark-page-2:#182231;
    --dark-header:#0b1220;
    --dark-header-2:#111c2d;
    --dark-nav:#101827;
    --dark-line:#263447;
    --dark-text:#dbe7f1;
    --dark-muted:#93a4b4;
}

/* Oldal háttér */
html,
body{
    background:
        radial-gradient(circle at 12% 0%, rgba(37,99,235,.10), transparent 30%),
        radial-gradient(circle at 88% 5%, rgba(124,58,237,.09), transparent 28%),
        linear-gradient(180deg,var(--dark-page-2) 0%,var(--dark-page) 100%) !important;
    background-attachment:fixed !important;
}

/* A fő tartalom körül maradjon levegős, de sötétebb közeg */
.page-wrap{
    background:transparent !important;
}

/* Fejléc */
.modern-header{
    background:
        linear-gradient(135deg,rgba(11,18,32,.98),rgba(17,28,45,.97)) !important;
    border-bottom:1px solid var(--dark-line) !important;
    box-shadow:0 8px 26px rgba(0,0,0,.28) !important;
    backdrop-filter:blur(16px);
}

/* Logó sötét fejlécen */
.modern-brand-text strong{
    color:#f8fbff !important;
}

.modern-brand-text strong span{
    color:#60a5fa !important;
}

.modern-brand-text small{
    color:#8ea1b4 !important;
}

.brand-screen{
    border-color:#8fa4b7 !important;
    background:linear-gradient(145deg,#111827,#020617) !important;
    box-shadow:
        0 0 0 3px rgba(96,165,250,.08),
        0 7px 18px rgba(0,0,0,.35) !important;
}

.brand-play{
    color:#8b5cf6 !important;
}

.brand-antenna{
    background:#8fa4b7 !important;
}

/* Profilgomb */
.profile-menu-button{
    border-color:#2a3b50 !important;
    background:#131f30 !important;
    color:#e5edf5 !important;
    box-shadow:0 6px 18px rgba(0,0,0,.22) !important;
}

.profile-menu-button:hover{
    background:#19283d !important;
    border-color:#38506a !important;
}

.profile-menu-name{
    color:#e8f0f7 !important;
}

.profile-menu-chevron{
    color:#91a4b6 !important;
}

.profile-dropdown{
    border-color:#2a3b50 !important;
    background:#111c2b !important;
    box-shadow:0 20px 45px rgba(0,0,0,.38) !important;
}

.profile-dropdown-head{
    border-bottom-color:#26384d !important;
}

.profile-dropdown-head strong{
    color:#f4f8fb !important;
}

.profile-dropdown-head span{
    color:#8fa1b2 !important;
}

.profile-dropdown a{
    color:#c7d5e1 !important;
}

.profile-dropdown a:hover{
    background:#1b2a3f !important;
    color:#7db8ff !important;
}

.profile-dropdown .profile-dropdown-logout{
    border-top-color:#26384d !important;
    color:#fb7185 !important;
}

/* Vendég belépés/regisztráció a fejlécben */
.modern-auth-links a{
    color:#c8d6e3 !important;
}

.modern-auth-links a:hover{
    background:#17263a !important;
    color:#fff !important;
}

.modern-auth-links .modern-register{
    background:linear-gradient(135deg,#2563eb,#7c3aed) !important;
    color:#fff !important;
}

/* Navigáció is sötétebb legyen */
.main-nav{
    background:rgba(15,23,42,.96) !important;
    border-bottom:1px solid #263447 !important;
    box-shadow:0 5px 18px rgba(0,0,0,.18) !important;
}

.main-nav a{
    color:#aebdcc !important;
}

.main-nav a:hover{
    background:#17263a !important;
    color:#f3f8fc !important;
}

.main-nav a.active{
    background:#1b2b42 !important;
    color:#8ec5ff !important;
    box-shadow:inset 0 -3px 0 #7c3aed !important;
}

/* A tartalmi kártyák maradjanak világosak a kontraszt miatt */
.box{
    box-shadow:0 14px 32px rgba(0,0,0,.16) !important;
}

/* Footer is sötétebb */
.footer{
    border-top:1px solid #263447 !important;
    background:#0f172a !important;
    color:#94a3b8 !important;
}

.footer a{
    color:#9fc8f7 !important;
}

.footer a:hover{
    color:#c4b5fd !important;
}

/* Mobilon is ugyanaz az irány */
@media(max-width:760px){
    .modern-header{
        background:linear-gradient(135deg,#0b1220,#111c2d) !important;
    }
}


/* =========================================================
   v0.9.8 – világosabb modern téma + színesebb blokkfejlécek
   ========================================================= */

/* A v0.9.7 túl sötét hátterének felülírása */
html,
body{
    background:
        radial-gradient(circle at 10% 0%, rgba(59,130,246,.09), transparent 30%),
        radial-gradient(circle at 90% 5%, rgba(139,92,246,.07), transparent 27%),
        linear-gradient(180deg,#dfe8ef 0%,#edf2f6 42%,#e4ebf0 100%) !important;
    background-attachment:fixed !important;
}

/* Fejléc: sötét marad, de jóval világosabb navy */
.modern-header{
    background:
        linear-gradient(135deg,#24384b 0%,#2d4860 55%,#34536d 100%) !important;
    border-bottom:1px solid #4d6578 !important;
    box-shadow:0 7px 22px rgba(27,45,60,.18) !important;
}

.modern-brand-text strong{
    color:#ffffff !important;
}

.modern-brand-text strong span{
    color:#8cc8ff !important;
}

.modern-brand-text small{
    color:#c0cfda !important;
}

.brand-screen{
    border-color:#b3c7d5 !important;
    background:linear-gradient(145deg,#263b4e,#172a3a) !important;
}

.brand-antenna{
    background:#b3c7d5 !important;
}

/* Navigáció: középsötét, nem fekete */
.main-nav{
    background:#f7fafc !important;
    border-bottom:1px solid #cdd9e1 !important;
    box-shadow:0 4px 13px rgba(38,61,78,.07) !important;
}

.main-nav a{
    color:#526675 !important;
}

.main-nav a:hover{
    background:#e8f1f7 !important;
    color:#294f6b !important;
}

.main-nav a.active{
    background:#dceaf4 !important;
    color:#294f6b !important;
    box-shadow:inset 0 -3px 0 #7c3aed !important;
}

/* Profilgomb vissza világosabbra */
.profile-menu-button{
    border-color:rgba(255,255,255,.22) !important;
    background:rgba(255,255,255,.12) !important;
    color:#fff !important;
    box-shadow:none !important;
}

.profile-menu-button:hover{
    background:rgba(255,255,255,.18) !important;
    border-color:rgba(255,255,255,.30) !important;
}

.profile-menu-name,
.profile-menu-chevron{
    color:#f1f6fa !important;
}

/* Blokkfejlécek: ne legyenek fehérek és unalmasak */
.box-title{
    background:linear-gradient(135deg,#3e6d8b 0%,#527f9b 100%) !important;
    border-bottom:0 !important;
    color:#fff !important;
}

.box-title > span:first-child{
    color:#fff !important;
}

.box-title .box-link,
.box-title .box-link:visited{
    color:#e7f3fb !important;
}

/* Főoldali blokkok kapjanak külön, visszafogott színkaraktert */
.home-grid > .box:nth-child(1) .box-title{
    background:linear-gradient(135deg,#3f6f8d,#5685a1) !important;
}

.home-grid > .box:nth-child(2) .box-title{
    background:linear-gradient(135deg,#6658a6,#7c6fbd) !important;
}

/* Statisztika – külön zöldeskék fejléc */
.stats-box .box-title,
.statistics-box .box-title,
#statistics .box-title,
#statisztika .box-title{
    background:linear-gradient(135deg,#397b78,#4c9590) !important;
}

/* Szavazás – enyhén lilás */
.poll-box .box-title,
#poll .box-title,
#szavazas .box-title{
    background:linear-gradient(135deg,#6658a6,#7d70bd) !important;
}

/* Üzenőfal – kék */
.shoutbox-box .box-title,
#shoutbox .box-title,
#uzenofal .box-title{
    background:linear-gradient(135deg,#386b91,#4c83a8) !important;
}

/* Naptár – kék/lila */
.calendar-box .box-title{
    background:linear-gradient(135deg,#4c67a8,#7166b4) !important;
}

/* Admin blokkok – tiszta acélkék */
.admin-news-section .box-title,
.admin-dashboard-head + .box .box-title{
    background:linear-gradient(135deg,#425f76,#58788f) !important;
}

/* Kártyák picit jobban elváljanak a háttértől */
.box{
    border-color:#d1dce4 !important;
    box-shadow:0 10px 26px rgba(42,64,80,.10) !important;
}

/* Footer se legyen fekete */
.footer{
    background:#d5e0e7 !important;
    border-top:1px solid #c0ced8 !important;
    color:#5f707c !important;
}

.footer a{
    color:#315f7d !important;
}

.footer a:hover{
    color:#7655ad !important;
}


/* =========================================================
   v0.9.9 – egységesebb modern színpaletta
   ========================================================= */

:root{
    --sk-bg:#E9EFF4;
    --sk-surface:#FAFCFD;
    --sk-header:#243E52;
    --sk-primary:#356B8C;
    --sk-primary-soft:#DCE9F1;
    --sk-teal:#3F8C8A;
    --sk-amber:#E79A3B;
    --sk-purple:#7667B3;
    --sk-text:#26343E;
    --sk-muted:#74828D;
    --sk-line:#D5E0E7;
}

/* Háttér és alapfelületek */
html,
body{
    background:
        radial-gradient(circle at 12% 0%, rgba(53,107,140,.08), transparent 30%),
        radial-gradient(circle at 88% 6%, rgba(63,140,138,.06), transparent 26%),
        linear-gradient(180deg,#EEF3F7 0%,var(--sk-bg) 100%) !important;
    color:var(--sk-text) !important;
}

.box{
    background:var(--sk-surface) !important;
    border-color:var(--sk-line) !important;
    box-shadow:0 10px 26px rgba(36,62,82,.09) !important;
}

/* Fejléc: egységes petrolkék */
.modern-header{
    background:
        linear-gradient(135deg,var(--sk-header) 0%,#2C4C63 60%,#335870 100%) !important;
    border-bottom-color:#4B6778 !important;
}

.modern-brand-text strong{
    color:#FFFFFF !important;
}

.modern-brand-text strong span{
    color:#9ED3F2 !important;
}

.modern-brand-text small{
    color:#C6D5DF !important;
}

/* Navigáció */
.main-nav{
    background:#F8FBFD !important;
    border-bottom-color:#CDD9E1 !important;
}

.main-nav a{
    color:#536A79 !important;
}

.main-nav a:hover{
    background:#E8F1F6 !important;
    color:var(--sk-primary) !important;
}

.main-nav a.active{
    background:#E1ECF3 !important;
    color:var(--sk-primary) !important;
    box-shadow:inset 0 -3px 0 var(--sk-amber) !important;
}

/* Alap dobozfejléc: ugyanaz mindenhol */
.box-title{
    position:relative;
    background:
        linear-gradient(135deg,#F8FBFD 0%,#EEF4F7 100%) !important;
    border-bottom:1px solid var(--sk-line) !important;
    color:var(--sk-header) !important;
}

.box-title::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:var(--sk-primary);
}

.box-title > span:first-child{
    color:var(--sk-header) !important;
    text-shadow:none !important;
}

.box-title .box-link,
.box-title .box-link:visited{
    color:var(--sk-primary) !important;
}

/* Főoldali blokkok: csak a bal oldali akcentus változik */
.home-news-box .box-title::before{
    background:var(--sk-primary) !important;
}

.home-premieres-box .box-title::before{
    background:var(--sk-amber) !important;
}

.home-community-main .box-title::before{
    background:var(--sk-teal) !important;
}

.home-community-side > .box:first-child .box-title::before{
    background:var(--sk-purple) !important;
}

.home-community-side > .box:nth-child(2) .box-title::before{
    background:var(--sk-teal) !important;
}

.home-bottom-grid .box-title::before{
    background:#5F7F95 !important;
}

/* Naptár és profil */
.calendar-box .box-title::before{
    background:var(--sk-purple) !important;
}

.profile-main-box .box-title::before,
.profile-password-box .box-title::before{
    background:var(--sk-primary) !important;
}

.profile-stats-box .box-title::before,
.profile-recent-box .box-title::before{
    background:var(--sk-teal) !important;
}

/* Fórum / Wiki / Admin */
.forum-main-box .box-title::before,
.forum-topic-head .box-title::before,
.forum-editor-box .box-title::before,
.forum-reply-box .box-title::before{
    background:var(--sk-purple) !important;
}

.wiki-section .box-title::before,
.wiki-nav-box .box-title::before{
    background:var(--sk-primary) !important;
}

.admin-news-section .box-title::before{
    background:var(--sk-amber) !important;
}

#gyorsmuveletek .box-title::before,
#sorozatok .box-title::before,
#felhasznalok .box-title::before{
    background:var(--sk-primary) !important;
}

/* Fülek és aktív elemek */
.myshows-tabs a.active,
.calendar-tabs a.active{
    color:var(--sk-primary) !important;
    box-shadow:inset 0 -3px 0 var(--sk-amber) !important;
}

.calendar-tabs a.active{
    background:#FFF7EA !important;
}

/* Státuszok és visszafogott színjelzések */
.role-admin{
    color:#B94B4B !important;
}

.role-moderator{
    color:var(--sk-primary) !important;
}

.profile-stat-list a:nth-child(1) strong{
    color:var(--sk-primary) !important;
}

.profile-stat-list a:nth-child(2) strong{
    color:var(--sk-teal) !important;
}

.profile-stat-list a:nth-child(3) strong{
    color:#B94B4B !important;
}

.profile-stat-list a:nth-child(4) strong{
    color:var(--sk-amber) !important;
}

/* Gombok: főszín, hoverben meleg kiemelés */
button,
.button,
input[type="submit"]{
    background:linear-gradient(135deg,#3E7596,var(--sk-primary)) !important;
    border-color:#2C5E7C !important;
}

button:hover,
.button:hover,
input[type="submit"]:hover{
    background:linear-gradient(135deg,#F0A24B,var(--sk-amber)) !important;
    border-color:#CF7E24 !important;
}

/* Hoverek egységesen */
a{
    color:var(--sk-primary);
}

a:hover{
    color:#C97823;
}

.shout-row:hover,
.premiere-row:hover,
.calendar-episode-row:hover,
.forum-category-row:hover,
.forum-topic-row:hover,
.admin-news-row:hover{
    background:#FFF8EF !important;
}

/* Képek: meleg hover keret */
.discover-cover-link:hover .discover-cover-image,
.premiere-thumb:hover,
.calendar-thumb:hover{
    box-shadow:
        0 0 0 2px rgba(231,154,59,.72),
        0 12px 24px rgba(36,62,82,.14) !important;
}

/* Információs panelek */
.admin-note,
.privacy-note,
.support-purpose,
.wiki-compare > div{
    background:#F5F9FB !important;
    border-color:#D3E0E7 !important;
}

.support-note{
    background:#FFF6E8 !important;
    border-color:#F0C58E !important;
}

/* Lábjegyzet */
.footer{
    background:#DCE6EC !important;
    border-top-color:#C5D2DA !important;
    color:#60717C !important;
}

.footer a{
    color:var(--sk-primary) !important;
}

.footer a:hover{
    color:var(--sk-purple) !important;
}


/* =========================================================
   v0.10.0 – új irány: meleg, modern streaming-web hangulat
   ========================================================= */

:root{
    --v100-bg:#e7e3dc;
    --v100-bg-top:#d8dfe3;
    --v100-card:#fffdf9;
    --v100-card-2:#f8f5ef;
    --v100-header:#263a45;
    --v100-header-2:#344f5d;
    --v100-nav:#f4f1eb;
    --v100-text:#29343a;
    --v100-muted:#78848a;
    --v100-line:#d8d4cc;
    --v100-accent:#d87845;
    --v100-accent-dark:#bd6033;
    --v100-teal:#397c7a;
}

/* háttér – kevésbé kék, melegebb és barátságosabb */
html,
body{
    background:
        radial-gradient(circle at 20% 0%, rgba(255,255,255,.72), transparent 32%),
        linear-gradient(180deg,var(--v100-bg-top) 0%,#ebe8e2 38%,var(--v100-bg) 100%) !important;
    color:var(--v100-text) !important;
}

/* fejléc */
.modern-header{
    background:
        linear-gradient(120deg,var(--v100-header) 0%,var(--v100-header-2) 100%) !important;
    border-bottom:0 !important;
    box-shadow:0 8px 24px rgba(30,44,51,.16) !important;
}

.modern-brand-text strong{
    color:#fff !important;
}

.modern-brand-text strong span{
    color:#efaa78 !important;
}

.modern-brand-text small{
    color:#c7d1d5 !important;
}

.brand-play{
    color:#ef8c56 !important;
}

.brand-screen{
    border-color:#c3d0d5 !important;
    background:#1d2c34 !important;
}

.brand-antenna{
    background:#c3d0d5 !important;
}

/* navigáció – meleg törtfehér */
.main-nav{
    background:rgba(248,246,241,.97) !important;
    border-bottom:1px solid #d8d3ca !important;
    box-shadow:0 4px 14px rgba(40,52,58,.06) !important;
}

.main-nav a{
    color:#56646b !important;
    border-radius:0 !important;
}

.main-nav a:hover{
    background:#ece7df !important;
    color:#263a45 !important;
}

.main-nav a.active{
    background:transparent !important;
    color:#263a45 !important;
    box-shadow:inset 0 -3px 0 var(--v100-accent) !important;
}

/* kártyák – nem hófehér, melegebb felület */
.box{
    background:var(--v100-card) !important;
    border:1px solid rgba(109,112,108,.16) !important;
    border-radius:12px !important;
    box-shadow:
        0 10px 24px rgba(44,54,58,.08),
        0 1px 2px rgba(44,54,58,.05) !important;
}

/* Fejlécek: eltűnik a színes csíkos megoldás.
   Egységes, karakteres sötét felirat + finom alsó hangsúly. */
.box-title{
    position:relative;
    min-height:42px !important;
    padding:10px 14px !important;
    background:linear-gradient(180deg,#fffdf9,#f5f1ea) !important;
    border-bottom:1px solid #ddd8cf !important;
    color:#2f414a !important;
}

.box-title::before{
    display:none !important;
}

.box-title::after{
    content:"";
    position:absolute;
    left:14px;
    bottom:-1px;
    width:38px;
    height:3px;
    border-radius:999px;
    background:var(--v100-accent);
}

.box-title > span:first-child{
    color:#2f414a !important;
    font-size:12px !important;
    font-weight:700 !important;
}

.box-title .box-link,
.box-title .box-link:visited{
    color:#8b6b58 !important;
}

/* tartalom */
.box-content{
    background:var(--v100-card) !important;
}

/* listák: melegebb váltott sorok */
.shout-row,
.premiere-row,
.calendar-episode-row,
.forum-category-row,
.forum-topic-row,
.admin-news-row,
.admin-user-row,
.profile-recent-row{
    background:#fffdf9 !important;
    border-color:#e7e2da !important;
}

.shout-row:nth-child(even),
.premiere-row:nth-child(even),
.calendar-episode-row:nth-child(even),
.forum-category-row:nth-child(even),
.forum-topic-row:nth-child(even),
.admin-news-row:nth-child(even),
.admin-user-row:nth-child(even),
.profile-recent-row:nth-child(even){
    background:#f8f5ef !important;
}

.shout-row:hover,
.premiere-row:hover,
.calendar-episode-row:hover,
.forum-category-row:hover,
.forum-topic-row:hover,
.admin-news-row:hover{
    background:#f7e9dd !important;
}

/* linkek */
a{
    color:#376d78;
}

a:hover{
    color:var(--v100-accent-dark);
}

/* gombok – terrakotta akcentus */
button,
.button,
input[type="submit"]{
    background:linear-gradient(135deg,#df8350,var(--v100-accent)) !important;
    border:1px solid #c86b3b !important;
    color:#fff !important;
    box-shadow:0 5px 13px rgba(190,96,51,.16) !important;
}

button:hover,
.button:hover,
input[type="submit"]:hover{
    background:linear-gradient(135deg,#cc6d3b,var(--v100-accent-dark)) !important;
    border-color:#ad552d !important;
}

/* profilgomb a fejlécen */
.profile-menu-button{
    background:rgba(255,255,255,.10) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    color:#fff !important;
}

.profile-menu-button:hover{
    background:rgba(255,255,255,.16) !important;
}

.profile-avatar{
    background:linear-gradient(135deg,#e48a56,#c86438) !important;
}

.profile-menu-name,
.profile-menu-chevron{
    color:#f6f3ef !important;
}

/* dropdown marad világos, hogy könnyű legyen olvasni */
.profile-dropdown{
    background:#fffdf9 !important;
    border-color:#d9d4cb !important;
}

.profile-dropdown-head strong{
    color:#29383f !important;
}

.profile-dropdown-head span{
    color:#7e898e !important;
}

.profile-dropdown a{
    color:#4c5b62 !important;
}

.profile-dropdown a:hover{
    background:#f4ede5 !important;
    color:#b85e35 !important;
}

/* fülek */
.myshows-tabs,
.calendar-tabs{
    background:#f1ede6 !important;
    border-color:#d9d4cb !important;
}

.myshows-tabs a.active,
.calendar-tabs a.active{
    background:#fffdf9 !important;
    color:#344f5d !important;
    box-shadow:inset 0 -3px 0 var(--v100-accent) !important;
}

/* képek – narancs helyett nagyon finom hover */
.discover-cover-link:hover .discover-cover-image,
.premiere-thumb:hover,
.calendar-thumb:hover{
    box-shadow:
        0 0 0 2px rgba(216,120,69,.55),
        0 12px 25px rgba(41,52,58,.17) !important;
}

/* űrlapok */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
select,
textarea{
    background:#fffefa !important;
    border-color:#d7d2ca !important;
}

input:focus,
select:focus,
textarea:focus{
    border-color:#c98b69 !important;
    box-shadow:0 0 0 3px rgba(216,120,69,.11) !important;
}

/* információs panelek */
.admin-note,
.privacy-note,
.support-purpose,
.wiki-compare > div{
    background:#f6f3ed !important;
    border-color:#ddd7ce !important;
}

.support-note{
    background:#fbefe5 !important;
    border-color:#e5b99d !important;
}

/* footer */
.footer{
    background:#d3d7d6 !important;
    border-top:1px solid #bec7c8 !important;
    color:#657177 !important;
}

.footer a{
    color:#3c6972 !important;
}

.footer a:hover{
    color:#b95e35 !important;
}


/* =========================================================
   v0.10.1 – tisztább fejléc + kék box fejlécek
   ========================================================= */

/* Fejléc: megszüntetjük a ködös / áttetsző hatást */
.modern-header{
    background:#294F6B !important;
    border-bottom:1px solid #203F56 !important;
    box-shadow:0 5px 16px rgba(24,45,60,.16) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    opacity:1 !important;
}

.modern-brand-text strong{
    color:#FFFFFF !important;
}

.modern-brand-text strong span{
    color:#A9D8F5 !important;
}

.modern-brand-text small{
    color:#D4E2EA !important;
}

/* Box fejlécek: egységes tiszta kék */
.box-title{
    min-height:40px !important;
    padding:9px 13px !important;
    background:linear-gradient(180deg,#3D6F8F 0%,#315E7B 100%) !important;
    border-bottom:1px solid #294F6B !important;
    color:#FFFFFF !important;
}

.box-title::before,
.box-title::after{
    display:none !important;
    content:none !important;
}

.box-title > span:first-child{
    color:#FFFFFF !important;
    text-shadow:none !important;
    font-weight:700 !important;
}

.box-title .box-link,
.box-title .box-link:visited{
    color:#D9ECF7 !important;
}

.box-title .box-link:hover{
    color:#FFFFFF !important;
}

/* A korábbi egyedi box-fejléc színeket is egységesen felülírjuk */
.home-grid > .box .box-title,
.home-news-box .box-title,
.home-premieres-box .box-title,
.home-community-main .box-title,
.home-community-side > .box .box-title,
.home-bottom-grid .box-title,
.stats-box .box-title,
.statistics-box .box-title,
.poll-box .box-title,
.shoutbox-box .box-title,
.calendar-box .box-title,
.profile-main-box .box-title,
.profile-password-box .box-title,
.profile-stats-box .box-title,
.profile-recent-box .box-title,
.forum-main-box .box-title,
.forum-topic-head .box-title,
.forum-editor-box .box-title,
.forum-reply-box .box-title,
.wiki-section .box-title,
.wiki-nav-box .box-title,
.admin-news-section .box-title,
#gyorsmuveletek .box-title,
#sorozatok .box-title,
#felhasznalok .box-title,
#statistics .box-title,
#statisztika .box-title,
#poll .box-title,
#szavazas .box-title,
#shoutbox .box-title,
#uzenofal .box-title{
    background:linear-gradient(180deg,#3D6F8F 0%,#315E7B 100%) !important;
    color:#FFFFFF !important;
}

/* Profilgomb tisztább a fejlécben */
.profile-menu-button{
    background:#355F7A !important;
    border:1px solid #547C95 !important;
    box-shadow:none !important;
}

.profile-menu-button:hover{
    background:#3D6B88 !important;
}

/* Navigáció marad világos, így szépen elválik a fejléc */
.main-nav{
    background:#F7F9FA !important;
    border-bottom:1px solid #D5DEE4 !important;
}


/* =========================================================
   v0.10.2 – modernebb fejléc
   ========================================================= */

/* Kompaktabb, letisztultabb fejléc */
.modern-header{
    min-height:78px !important;
    background:linear-gradient(110deg,#203D52 0%,#294F6B 55%,#315F7C 100%) !important;
    border-bottom:0 !important;
    box-shadow:0 7px 22px rgba(24,45,60,.18) !important;
}

.modern-header-inner{
    min-height:78px !important;
    padding:10px 0 !important;
}

/* Logóikon modernebb és kisebb */
.modern-brand{
    gap:11px !important;
}

.modern-brand-mark{
    width:46px !important;
    height:42px !important;
    flex-basis:46px !important;
}

.brand-screen{
    left:2px !important;
    top:9px !important;
    width:42px !important;
    height:29px !important;
    border:2px solid rgba(255,255,255,.72) !important;
    border-radius:10px !important;
    background:rgba(13,31,43,.72) !important;
    box-shadow:0 5px 13px rgba(0,0,0,.18) !important;
}

.brand-play{
    left:18px !important;
    top:17px !important;
    color:#F2A35E !important;
    font-size:14px !important;
    text-shadow:none !important;
}

.brand-antenna{
    height:2px !important;
    background:rgba(255,255,255,.72) !important;
}

/* Név nagyobb és tisztább */
.modern-brand-text strong{
    font-size:25px !important;
    font-weight:700 !important;
    letter-spacing:-.8px !important;
    color:#FFFFFF !important;
}

.modern-brand-text strong span{
    color:#A8D7F2 !important;
}

.modern-brand-text small{
    margin-top:5px !important;
    color:#C8D7E0 !important;
    font-size:9px !important;
    letter-spacing:.45px !important;
}

/* Felhasználói gomb: kapszula helyett modern profil-chip */
.profile-menu-button{
    min-height:42px !important;
    padding:5px 8px 5px 5px !important;
    gap:8px !important;
    border:1px solid rgba(255,255,255,.15) !important;
    border-radius:22px !important;
    background:rgba(12,31,44,.26) !important;
    box-shadow:0 4px 12px rgba(0,0,0,.10) !important;
}

.profile-menu-button:hover{
    background:rgba(255,255,255,.11) !important;
    border-color:rgba(255,255,255,.25) !important;
}

.profile-avatar{
    width:32px !important;
    height:32px !important;
    background:linear-gradient(135deg,#4C87AA,#765FA8) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
}

.profile-menu-name{
    padding-right:2px;
    color:#F5F8FA !important;
    font-size:10px !important;
}

.profile-menu-chevron{
    color:#BFD0DB !important;
}

/* Dropdown */
.profile-dropdown{
    top:calc(100% + 10px) !important;
    border-radius:12px !important;
    border:1px solid #D9E1E6 !important;
    background:#FFFFFF !important;
    box-shadow:0 18px 38px rgba(29,48,60,.18) !important;
}

/* Fejléc és menü közötti finom átmenet */
.main-nav{
    position:relative;
    z-index:10;
    background:#F8FAFB !important;
    border-bottom:1px solid #D5DEE4 !important;
    box-shadow:0 3px 12px rgba(38,61,78,.06) !important;
}

/* Menüpontok kicsit modernebb tipográfiával */
.main-nav a{
    padding:11px 15px !important;
    font-size:9.5px !important;
    font-weight:700 !important;
    letter-spacing:.25px !important;
}

.main-nav a.active{
    color:#294F6B !important;
    box-shadow:inset 0 -3px 0 #E18A4C !important;
}

/* Vendég gombok */
.modern-auth-links a{
    border-radius:20px !important;
    padding:8px 13px !important;
    color:#E8F0F4 !important;
}

.modern-auth-links .modern-register{
    background:#FFFFFF !important;
    color:#294F6B !important;
    box-shadow:0 4px 12px rgba(0,0,0,.10);
}

.modern-auth-links .modern-register:hover{
    background:#F2F6F8 !important;
    color:#203D52 !important;
}

@media(max-width:760px){
    .modern-header{
        min-height:68px !important;
    }

    .modern-header-inner{
        min-height:68px !important;
    }

    .modern-brand-text strong{
        font-size:20px !important;
    }

    .modern-brand-mark{
        width:40px !important;
        flex-basis:40px !important;
    }

    .brand-screen{
        width:37px !important;
    }
}


/* =========================================================
   v0.10.3 – Hírek / Üzenőfal színek finomhangolása
   ========================================================= */

/* Hír dátuma: ne legyen piros, illeszkedjen a modern kék témához */
.news-date{
    color:#5F7890 !important;
    font-weight:700 !important;
}

/* Üzenőfal nevek: rangonként kulturáltabb, kevésbé rikító színek */
.shout-user.role-admin,
.role-admin{
    color:#B35C52 !important;
}

.shout-user.role-moderator,
.role-moderator{
    color:#4B78A0 !important;
}

.shout-user.role-user,
.role-user{
    color:#42515C !important;
}

/* Üzenőfal sorok olvashatósága */
.shout-message{
    color:#34434D !important;
}

.shout-time{
    color:#87939B !important;
}

/* Aktív felhasználók nevei is ugyanezeket a visszafogott rangszíneket használják */
.active-users .role-admin{
    color:#B35C52 !important;
}

.active-users .role-moderator{
    color:#4B78A0 !important;
}

.active-users .role-user{
    color:#42515C !important;
}


/* =========================================================
   v0.10.6 – Sorozataim színvilág rendbetétele
   Csak színek/finom vizuális elemek, elrendezés változatlan.
   ========================================================= */

:root{
    --my-blue:#315f7d;
    --my-blue-dark:#294f6b;
    --my-blue-soft:#eaf2f7;
    --my-blue-soft-2:#f4f8fb;
    --my-line:#d7e0e6;
    --my-text:#2e3c45;
    --my-muted:#78858d;
    --my-green:#4d8b69;
    --my-orange:#d9893f;
    --my-red:#b45d55;
}

/* teljes Sorozataim panel */
.myshows-shell,
.myshows-content,
.myshows-layout,
.myshows-left,
.myshows-right,
.show-panel{
    background:#ffffff !important;
    color:var(--my-text) !important;
}

/* felső kategóriafülek */
.myshows-tabs{
    border-top:1px solid #cbd7df !important;
    border-bottom:1px solid #bfcdd6 !important;
    background:linear-gradient(180deg,#f5f8fa,#e9eff3) !important;
}

.myshows-tabs a{
    border-color:transparent !important;
    border-right:1px solid #d6e0e6 !important;
    background:transparent !important;
    color:#5b6c77 !important;
    text-shadow:none !important;
}

.myshows-tabs a:hover{
    background:#edf4f8 !important;
    color:var(--my-blue-dark) !important;
}

.myshows-tabs a.active{
    border:1px solid #bfcdd6 !important;
    border-bottom-color:#ffffff !important;
    background:#ffffff !important;
    color:var(--my-blue-dark) !important;
    box-shadow:inset 0 3px 0 var(--my-blue) !important;
}

.myshows-tabs a span{
    color:#8a969d !important;
}

.myshows-tabs a.active span{
    color:#5f7786 !important;
}

/* bal oldali sorozatlista */
.myshows-left{
    border-right-color:#d6e0e6 !important;
}

.series-name-list{
    background:#ffffff !important;
}

.series-name-row{
    border-bottom-color:#e5ebef !important;
    background:#ffffff !important;
    color:#3b4b55 !important;
}

.series-name-row:nth-child(even){
    background:#f7fafc !important;
}

.series-name-row:hover{
    background:#edf4f8 !important;
    color:var(--my-blue-dark) !important;
}

.series-name-row.active{
    background:#dfeaf1 !important;
    color:#244d68 !important;
    box-shadow:inset 4px 0 0 var(--my-blue) !important;
}

/* nyilak / mozgatás */
.series-move,
.series-move button,
.move-btn,
.move-up,
.move-down{
    color:#647d8d !important;
}

.series-move button:hover,
.move-btn:hover,
.move-up:hover,
.move-down:hover{
    color:var(--my-blue-dark) !important;
}

/* részletes panel fejléce */
.detail-head{
    border-bottom-color:#d9e2e7 !important;
}

.detail-head h2,
.show-panel h1,
.show-panel h2{
    color:#2d4658 !important;
}

.detail-years{
    color:#7e8c95 !important;
}

.detail-status,
.discover-detail-status{
    color:var(--my-blue-dark) !important;
}

/* borító */
.detail-poster,
.show-poster{
    border-color:#ccd7de !important;
    background:#eef3f6 !important;
    box-shadow:0 5px 14px rgba(41,79,107,.10) !important;
}

/* adatlap táblázat */
.detail-meta{
    border-color:#d7e0e6 !important;
    background:#ffffff !important;
}

.detail-meta tr{
    border-color:#e4eaee !important;
}

.detail-meta tr:nth-child(even){
    background:#f6f9fb !important;
}

.detail-meta th{
    background:#edf3f7 !important;
    color:#536c7b !important;
}

.detail-meta td{
    color:#34444e !important;
}

.detail-meta a{
    color:#356f93 !important;
}

.detail-meta a:hover{
    color:#274f69 !important;
}

/* Utoljára frissítve sor */
.show-update-row,
.last-update-row,
.refresh-row{
    color:#7b8992 !important;
}

.show-update-row a,
.last-update-row a,
.refresh-row a{
    color:#356f93 !important;
}

/* évadok */
.panel-season-list,
.season-list{
    background:transparent !important;
}

.panel-season,
.season{
    border-color:#cfd9e0 !important;
    background:#ffffff !important;
}

.panel-season summary,
.season summary{
    background:linear-gradient(180deg,#eaf2f7,#dce8ef) !important;
    border-color:#c7d4dc !important;
    color:#31556d !important;
    text-shadow:none !important;
}

.panel-season summary:hover,
.season summary:hover{
    background:linear-gradient(180deg,#e2edf4,#d4e3ec) !important;
}

.panel-season summary span:last-child,
.season summary span:last-child{
    border-color:#c1d0d9 !important;
    background:rgba(255,255,255,.72) !important;
    color:#607684 !important;
}

/* évad eszköztár */
.panel-season-tools,
.season-action{
    border-color:#d8e0e5 !important;
    background:#f4f7f9 !important;
}

/* epizódok */
.panel-episode-row,
.episode-row{
    border-bottom-color:#e6ebee !important;
    background:#ffffff !important;
    color:#34434c !important;
}

.panel-episode-row:nth-child(even),
.episode-row:nth-child(even){
    background:#f7fafc !important;
}

.panel-episode-row:hover:not(.future),
.episode-row:hover:not(.future){
    background:#edf4f8 !important;
}

.panel-episode-row.future,
.episode-row.future{
    background:#f1f3f4 !important;
    color:#a0a8ad !important;
}

.panel-episode-code,
.episode-code{
    color:#557486 !important;
}

.panel-episode-name,
.episode-name{
    color:#33424c !important;
}

.panel-episode-date,
.episode-date{
    color:#84919a !important;
}

/* epizód pipa */
.panel-episode-check,
.episode-check{
    border-color:#b9c9d3 !important;
    background:#ffffff !important;
    color:var(--my-green) !important;
    box-shadow:none !important;
}

.panel-episode-check:hover:not(:disabled),
.episode-check:hover:not(:disabled){
    background:#eef7f1 !important;
    border-color:#9fc2ad !important;
}

.panel-episode-check:disabled,
.episode-check:disabled{
    background:#f0f2f3 !important;
    color:#b3b9bd !important;
}

/* várakozó/üres állapot */
.myshows-empty{
    border-color:#d4dee4 !important;
    background:#f6f9fb !important;
    color:#79868e !important;
}

.myshows-empty strong{
    color:#4b5f6c !important;
}

/* figyelmeztető és következő rész jelzések */
.series-bullet,
.unwatched-dot{
    color:#c75d4f !important;
}

.next-episode-days,
.series-days,
.days-until{
    color:var(--my-orange) !important;
    font-weight:700 !important;
}

/* státusz-választó és gombok */
.show-status-form select,
.detail-status-form select{
    border-color:#cbd7df !important;
    background:#ffffff !important;
    color:#3f505a !important;
}

.show-status-form button,
.detail-status-form button,
.panel-season-tools button,
.season-action button{
    border-color:#9eb4c2 !important;
    background:linear-gradient(#ffffff,#e5edf2) !important;
    color:#355e78 !important;
    box-shadow:none !important;
}

.show-status-form button:hover,
.detail-status-form button:hover,
.panel-season-tools button:hover,
.season-action button:hover{
    background:linear-gradient(#f7fbfd,#dce8ef) !important;
    color:#294f6b !important;
}


/* =========================================================
   v0.10.7 – Sorozataim fejléc + sorozatlista új design
   ========================================================= */

/* A négy kategória fölött ugyanaz a kék fejléc, mint a többi boxnál. */
.myshows-shell > .box-title{
    min-height:40px !important;
    padding:9px 13px !important;
    background:linear-gradient(180deg,#3D6F8F 0%,#315E7B 100%) !important;
    border-bottom:1px solid #294F6B !important;
    color:#fff !important;
}

.myshows-shell > .box-title span{
    color:#fff !important;
    font-weight:700 !important;
}

/* A fülek közvetlenül a kék fejléc alatt, egyszerűbben. */
.myshows-shell > .myshows-tabs{
    min-height:39px !important;
    padding:0 12px !important;
    align-items:end !important;
    border-top:0 !important;
    border-bottom:1px solid #d0dbe2 !important;
    background:#f3f7f9 !important;
}

.myshows-shell > .myshows-tabs a{
    top:0 !important;
    height:38px !important;
    min-width:145px !important;
    padding:0 16px !important;
    border:0 !important;
    border-right:1px solid #dde5ea !important;
    background:transparent !important;
    color:#647681 !important;
    text-shadow:none !important;
}

.myshows-shell > .myshows-tabs a:first-child{
    border-left:1px solid #dde5ea !important;
}

.myshows-shell > .myshows-tabs a:hover{
    background:#e7f0f5 !important;
    color:#294f6b !important;
}

.myshows-shell > .myshows-tabs a.active{
    height:38px !important;
    border:0 !important;
    border-right:1px solid #d6e0e6 !important;
    border-left:1px solid #d6e0e6 !important;
    background:#fff !important;
    color:#294f6b !important;
    box-shadow:inset 0 -3px 0 #3d6f8f !important;
}

.myshows-shell > .myshows-tabs a span{
    color:#8b979e !important;
}

.myshows-shell > .myshows-tabs a.active span{
    color:#587285 !important;
}

/* Bal oldali hozzáadott sorozatok: külön, tiszta listaelemek. */
.series-name-list{
    display:grid !important;
    gap:5px !important;
    padding:4px !important;
    background:transparent !important;
}

.series-name-item{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 48px !important;
    align-items:stretch !important;
    min-height:42px !important;
    border:1px solid #dce4e9 !important;
    border-radius:7px !important;
    background:#fff !important;
    overflow:hidden !important;
    box-shadow:0 1px 2px rgba(41,79,107,.035) !important;
    transition:border-color .14s ease, background-color .14s ease, box-shadow .14s ease !important;
}

.series-name-item:hover{
    border-color:#b9cbd6 !important;
    background:#f7fafc !important;
    box-shadow:0 3px 8px rgba(41,79,107,.07) !important;
}

.series-name-item.active{
    border-color:#91afc1 !important;
    background:#eaf3f8 !important;
    box-shadow:inset 4px 0 0 #356b8c,0 2px 7px rgba(41,79,107,.07) !important;
}

/* Fontos: az active class valójában az itemen van, nem a buttonon. */
.series-name-item .series-name-row{
    width:100% !important;
    min-width:0 !important;
    min-height:40px !important;
    padding:7px 8px 7px 11px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#394b56 !important;
    text-align:left !important;
    font-weight:600 !important;
}

.series-name-item .series-name-row:hover{
    background:transparent !important;
    color:#294f6b !important;
}

.series-name-item.active .series-name-row{
    background:transparent !important;
    color:#244d68 !important;
    box-shadow:none !important;
}

.series-name-main{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    width:100% !important;
    min-width:0 !important;
}

.series-title{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:inherit !important;
    font-size:11px !important;
}

/* Jelzések maradjanak jól láthatók, de ne legyenek rikítóak. */
.series-unwatched-dot{
    width:8px !important;
    height:8px !important;
    background:#b85d55 !important;
    box-shadow:0 0 0 2px rgba(184,93,85,.10) !important;
}

.series-next-days{
    color:#b56e35 !important;
    font-size:10px !important;
    font-weight:700 !important;
}

/* Fel/le nyilak külön jobb oldali keskeny sávban. */
.series-move-controls{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:1px !important;
    padding:0 4px !important;
    border-left:1px solid #e2e8ec !important;
    background:#f7f9fa !important;
}

.series-name-item.active .series-move-controls{
    border-left-color:#cfdee7 !important;
    background:#e1edf3 !important;
}

.series-move-link{
    width:18px !important;
    height:24px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:4px !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#738995 !important;
    font-size:9px !important;
}

.series-move-link:hover{
    background:#e2ebf0 !important;
    color:#294f6b !important;
}

.series-name-item.active .series-move-link:hover{
    background:#d4e4ec !important;
}

/* Bal panel környezete. */
.myshows-left{
    padding:8px !important;
    background:#f5f8fa !important;
    border-right:1px solid #d4dee4 !important;
}

@media(max-width:680px){
    .myshows-shell > .myshows-tabs{
        padding:0 !important;
    }

    .myshows-shell > .myshows-tabs a{
        min-width:125px !important;
    }

    .series-name-item{
        grid-template-columns:minmax(0,1fr) 48px !important;
    }
}


/* =========================================================
   v0.10.8 – Sorozataim kiválasztott sorozat fejléc
   ========================================================= */

/* A kiválasztott sorozat neve / év / státusz kapjon saját modern fejlécet. */
.show-panel .detail-head,
.myshows-right .detail-head{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    min-height:62px !important;
    margin:0 0 12px !important;
    padding:11px 14px 11px 17px !important;
    border:1px solid #cbd9e2 !important;
    border-radius:9px !important;
    background:
        linear-gradient(110deg,#f8fbfd 0%,#eef5f9 58%,#e5eff5 100%) !important;
    box-shadow:0 3px 10px rgba(41,79,107,.06) !important;
    overflow:hidden !important;
}

/* Vékony kék dísz a bal szélen, ugyanaz a vizuális nyelv mint az oldalon. */
.show-panel .detail-head::before,
.myshows-right .detail-head::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:5px !important;
    background:linear-gradient(180deg,#4a7d9d,#315e7b) !important;
}

/* Név + év egy tiszta blokkban. */
.show-panel .detail-head h1,
.show-panel .detail-head h2,
.myshows-right .detail-head h1,
.myshows-right .detail-head h2{
    margin:0 !important;
    color:#294f6b !important;
    font-size:19px !important;
    line-height:1.2 !important;
    font-weight:750 !important;
    letter-spacing:-.25px !important;
}

/* Évszám: másodlagos, ne versenyezzen a címmel. */
.show-panel .detail-years,
.myshows-right .detail-years{
    display:inline-flex !important;
    align-items:center !important;
    margin-top:4px !important;
    color:#7a8c98 !important;
    font-size:10px !important;
    font-weight:600 !important;
    text-decoration:none !important;
}

/* Státusz badge. */
.show-panel .detail-status,
.myshows-right .detail-status{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    min-height:27px !important;
    padding:5px 10px !important;
    border:1px solid #b9cfdb !important;
    border-radius:999px !important;
    background:#ffffff !important;
    color:#356b8c !important;
    font-size:9px !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:.15px !important;
    box-shadow:0 1px 3px rgba(41,79,107,.05) !important;
}

/* Ha a státusz link, akkor se húzza alá. */
.show-panel .detail-status a,
.myshows-right .detail-status a{
    color:inherit !important;
    text-decoration:none !important;
}

/* Ha a fejlécen belül külön cím-blokk van. */
.detail-title-wrap,
.show-title-wrap{
    min-width:0 !important;
}

.detail-title-wrap h1,
.detail-title-wrap h2,
.show-title-wrap h1,
.show-title-wrap h2{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

/* Mobilon egymás alá tudjon törni. */
@media(max-width:680px){
    .show-panel .detail-head,
    .myshows-right .detail-head{
        align-items:flex-start !important;
        flex-direction:column !important;
        gap:8px !important;
    }
}


/* =========================================================
   v0.10.9 – Sorozataim adatlapfejléc sötétebb
   ========================================================= */

/* A v0.10.8 túl világos fejlécét karakteresebb kék irányba visszük. */
.show-panel .detail-head,
.myshows-right .detail-head{
    border-color:#b6c9d5 !important;
    background:linear-gradient(110deg,#dce8ef 0%,#d1e0e9 58%,#c6d8e3 100%) !important;
    box-shadow:0 3px 10px rgba(41,79,107,.08) !important;
}

.show-panel .detail-head::before,
.myshows-right .detail-head::before{
    background:linear-gradient(180deg,#3d6f8f,#294f6b) !important;
}

.show-panel .detail-head h1,
.show-panel .detail-head h2,
.myshows-right .detail-head h1,
.myshows-right .detail-head h2{
    color:#24475f !important;
}

.show-panel .detail-years,
.myshows-right .detail-years{
    color:#657b89 !important;
}

.show-panel .detail-status,
.myshows-right .detail-status{
    border-color:#9fb9c9 !important;
    background:#edf4f8 !important;
    color:#294f6b !important;
}


/* =========================================================
   v0.11.1 – Főoldal színvilága mint alap
   Nem minden elem azonos: ugyanaz a paletta, eltérő hangsúlyok.
   ========================================================= */

/* Sorozataim alapfelület: a főoldal meleg törtfehér tónusa. */
.myshows-shell,
.myshows-content,
.myshows-layout,
.myshows-right,
.show-panel{
    background:#fffdf9 !important;
}

/* A kék fő boxfejléc marad: ez kapcsolja az oldalt a főoldalhoz. */
.myshows-shell > .box-title{
    background:linear-gradient(180deg,#3D6F8F,#315E7B) !important;
    border-bottom-color:#294F6B !important;
}

/* A négy kategória nem bézs és nem erősen kék:
   semleges világos felület, narancs csak az aktív fül finom jelzése. */
.myshows-shell > .myshows-tabs{
    border-top:0 !important;
    border-bottom:1px solid #d7d9d8 !important;
    background:#f5f5f2 !important;
}

.myshows-shell > .myshows-tabs a{
    border-color:#e1e2df !important;
    background:transparent !important;
    color:#66727a !important;
}

.myshows-shell > .myshows-tabs a:hover{
    background:#ecefed !important;
    color:#31576e !important;
}

.myshows-shell > .myshows-tabs a.active{
    background:#fffdf9 !important;
    color:#294f6b !important;
    box-shadow:inset 0 -3px 0 #d9894c !important;
}

/* Bal oldali sorozatlista: semleges szürkés felület.
   Nem olvad bele a jobb oldali adatlapba. */
.myshows-left{
    border-right:1px solid #d8dddf !important;
    background:#f1f3f2 !important;
}

.series-name-item{
    border-color:#dce0df !important;
    background:#fffefa !important;
}

.series-name-item:hover{
    border-color:#c6d0d2 !important;
    background:#f7f8f6 !important;
}

/* Kijelölt sorozat: nagyon enyhe meleg tónus + kék bal jelölő.
   Ettől külön karaktere marad, de a főoldali palettán belül. */
.series-name-item.active{
    border-color:#d7cfc7 !important;
    background:#f8f1eb !important;
    box-shadow:inset 4px 0 0 #356b8c,0 2px 7px rgba(50,60,64,.05) !important;
}

.series-move-controls{
    border-left-color:#e2e4e2 !important;
    background:#f5f6f4 !important;
}

.series-name-item.active .series-move-controls{
    border-left-color:#ded5cd !important;
    background:#f1e9e2 !important;
}

/* Kiválasztott sorozat fejléce:
   ne legyen nagy kék tábla, de ne is legyen bézs az egész.
   Fehér kártya + kék vizuális jel + meleg státusz badge. */
.show-panel .detail-head,
.myshows-right .detail-head{
    border:1px solid #d7dddf !important;
    background:linear-gradient(180deg,#fffefa,#f7f7f4) !important;
    box-shadow:0 3px 10px rgba(41,60,70,.055) !important;
}

.show-panel .detail-head::before,
.myshows-right .detail-head::before{
    background:linear-gradient(180deg,#477a99,#315e7b) !important;
}

.show-panel .detail-head h1,
.show-panel .detail-head h2,
.myshows-right .detail-head h1,
.myshows-right .detail-head h2{
    color:#304e60 !important;
}

.show-panel .detail-years,
.myshows-right .detail-years{
    color:#7b8588 !important;
}

.show-panel .detail-status,
.myshows-right .detail-status{
    border-color:#e0c5b2 !important;
    background:#fff2e8 !important;
    color:#a65f34 !important;
}

/* Adattábla: a főoldalhoz hasonló fehér / nagyon enyhe törtfehér váltás. */
.detail-meta{
    border-color:#dcdfdd !important;
    background:#fffdf9 !important;
}

.detail-meta tr{
    border-color:#e8e9e6 !important;
}

.detail-meta tr:nth-child(even){
    background:#f8f8f5 !important;
}

.detail-meta th{
    background:#f0f2f1 !important;
    color:#5d6d73 !important;
}

/* Évadok kapjanak saját karaktert:
   visszafogott kékesszürke fejléc, nem ugyanaz mint a fő boxfejléc. */
.panel-season,
.season{
    border-color:#d6dcdf !important;
    background:#fffdf9 !important;
}

.panel-season summary,
.season summary{
    border-color:#ccd7dc !important;
    background:linear-gradient(180deg,#edf2f4,#e3e9ec) !important;
    color:#3f5e70 !important;
}

.panel-season summary:hover,
.season summary:hover{
    background:linear-gradient(180deg,#e8eef1,#dce5e9) !important;
}

.panel-season-tools,
.season-action{
    border-color:#dcdfdd !important;
    background:#f5f5f2 !important;
}

/* Epizódok: meleg-semleges sorok, hoverben csak nagyon enyhe bézs. */
.panel-episode-row,
.episode-row{
    border-bottom-color:#e9e9e5 !important;
    background:#fffdf9 !important;
}

.panel-episode-row:nth-child(even),
.episode-row:nth-child(even){
    background:#f8f8f5 !important;
}

.panel-episode-row:hover:not(.future),
.episode-row:hover:not(.future){
    background:#faf2eb !important;
}

.panel-episode-row.future,
.episode-row.future{
    background:#f0f1ef !important;
    color:#9da4a5 !important;
}

/* A fontos állapotjelzések megtartják saját színüket. */
.series-unwatched-dot{
    background:#b85d55 !important;
}

.series-next-days{
    color:#c6783c !important;
}


/* =========================================================
   v0.11.2 – Sorozat adatlapfejléc finom sötétítése
   ========================================================= */

/* Csak a sorozatnév + évszám + státusz panel háttere sötétebb.
   A v0.11.1 teljes színvilága változatlan marad. */
.show-panel .detail-head,
.myshows-right .detail-head{
    border-color:#cbd2d4 !important;
    background:linear-gradient(180deg,#ececea 0%,#e3e4e2 100%) !important;
    box-shadow:0 3px 10px rgba(41,60,70,.065) !important;
}

.show-panel .detail-head h1,
.show-panel .detail-head h2,
.myshows-right .detail-head h1,
.myshows-right .detail-head h2{
    color:#29495c !important;
}

.show-panel .detail-years,
.myshows-right .detail-years{
    color:#6e797d !important;
}

.show-panel .detail-status,
.myshows-right .detail-status{
    border-color:#d5bda9 !important;
    background:#fff0e4 !important;
    color:#9f5a32 !important;
}


/* =========================================================
   v0.11.3 – Sorozat adatlapfejléc kékesebb tónus
   ========================================================= */

/* A v0.11.2 szürkés panelje helyett visszafogott kékesszürke,
   továbbra is sötétebb, de nem lesz túl kék. */
.show-panel .detail-head,
.myshows-right .detail-head{
    border-color:#b9cbd6 !important;
    background:linear-gradient(180deg,#dce8ee 0%,#d1dfe7 100%) !important;
    box-shadow:0 3px 10px rgba(41,79,107,.075) !important;
}

.show-panel .detail-head h1,
.show-panel .detail-head h2,
.myshows-right .detail-head h1,
.myshows-right .detail-head h2{
    color:#244a62 !important;
}

.show-panel .detail-years,
.myshows-right .detail-years{
    color:#617986 !important;
}

/* A státusz marad meleg kiemelés, hogy ne legyen minden kék. */
.show-panel .detail-status,
.myshows-right .detail-status{
    border-color:#d5bda9 !important;
    background:#fff0e4 !important;
    color:#9f5a32 !important;
}


/* =========================================================
   v0.11.4 – Többi menü hangolása a v0.11.3 vizuális világához
   A főoldal marad a kiindulópont; nem lesz minden oldal egyforma.
   ========================================================= */

:root{
    --v114-blue:#315e7b;
    --v114-blue-dark:#294f6b;
    --v114-blue-mid:#3d6f8f;
    --v114-blue-soft:#dce8ee;
    --v114-blue-soft-2:#edf3f6;
    --v114-warm:#fffdf9;
    --v114-warm-2:#f8f8f5;
    --v114-neutral:#f1f3f2;
    --v114-line:#d7dddf;
    --v114-text:#304650;
    --v114-muted:#748188;
    --v114-orange:#d9894c;
}

/* Közös fő boxfejlécek: ugyanaz a kék család, mint a Sorozataimnál. */
.calendar-box > .box-title,
.discover-box > .box-title,
.profile-main-box > .box-title,
.profile-password-box > .box-title,
.profile-stats-box > .box-title,
.profile-recent-box > .box-title,
.forum-main-box > .box-title,
.forum-topic-head > .box-title,
.forum-editor-box > .box-title,
.forum-reply-box > .box-title,
.wiki-section > .box-title,
.wiki-nav-box > .box-title,
.admin-news-section > .box-title,
.admin-box > .box-title{
    background:linear-gradient(180deg,var(--v114-blue-mid),var(--v114-blue)) !important;
    border-bottom-color:var(--v114-blue-dark) !important;
    color:#fff !important;
}

/* ---------------------------------------------------------
   Következő epizódok / Naptár
   --------------------------------------------------------- */
.calendar-box,
.calendar-content{
    background:var(--v114-warm) !important;
}

.calendar-tabs{
    border-color:var(--v114-line) !important;
    background:#f3f5f4 !important;
}

.calendar-tabs a{
    color:#68777f !important;
    background:transparent !important;
}

.calendar-tabs a:hover{
    background:#e9eeee !important;
    color:var(--v114-blue-dark) !important;
}

.calendar-tabs a.active{
    background:var(--v114-warm) !important;
    color:var(--v114-blue-dark) !important;
    box-shadow:inset 0 -3px 0 var(--v114-orange) !important;
}

.calendar-day{
    border-color:#d7dddf !important;
    background:var(--v114-warm) !important;
}

.calendar-day-head{
    background:linear-gradient(180deg,#e3edf2,#d6e3e9) !important;
    border-bottom-color:#c6d5dd !important;
    color:#31566c !important;
}

.calendar-episode-row{
    border-bottom-color:#e8e9e6 !important;
    background:var(--v114-warm) !important;
}

.calendar-episode-row:nth-child(even){
    background:var(--v114-warm-2) !important;
}

.calendar-episode-row:hover{
    background:#faf2eb !important;
}

/* ---------------------------------------------------------
   Felfedező
   --------------------------------------------------------- */
.discover-box,
.discover-content,
.discover-detail{
    background:var(--v114-warm) !important;
}

.discover-toolbar,
.discover-filter-bar{
    border-color:var(--v114-line) !important;
    background:#f2f4f3 !important;
}

.discover-cover-card{
    border-color:#d9dede !important;
    background:#fffefa !important;
    box-shadow:0 3px 10px rgba(41,60,70,.05) !important;
}

.discover-cover-card:hover{
    border-color:#bccdd6 !important;
    background:#faf7f2 !important;
    box-shadow:0 7px 17px rgba(41,79,107,.10) !important;
}

.discover-cover-name{
    color:#304f61 !important;
}

.discover-cover-meta{
    color:var(--v114-muted) !important;
}

.discover-detail-meta,
.discover-detail-info{
    border-color:var(--v114-line) !important;
    background:#f8f8f5 !important;
}

/* ---------------------------------------------------------
   Profil
   --------------------------------------------------------- */
.profile-main-box,
.profile-password-box,
.profile-stats-box,
.profile-recent-box{
    background:var(--v114-warm) !important;
}

.profile-head,
.profile-card,
.profile-summary{
    border-color:var(--v114-line) !important;
    background:linear-gradient(180deg,#fffefa,#f5f6f4) !important;
}

.profile-name{
    color:#294d63 !important;
}

.profile-role{
    border-color:#c9d8e0 !important;
    background:var(--v114-blue-soft-2) !important;
    color:#41657a !important;
}

.profile-stat-list a{
    border-color:#e1e4e2 !important;
    background:#fffefa !important;
}

.profile-stat-list a:hover{
    background:#f7f3ee !important;
}

.profile-recent-row{
    border-color:#e7e8e5 !important;
    background:var(--v114-warm) !important;
}

.profile-recent-row:nth-child(even){
    background:var(--v114-warm-2) !important;
}

/* ---------------------------------------------------------
   Fórum
   --------------------------------------------------------- */
.forum-main-box,
.forum-topic-head,
.forum-editor-box,
.forum-reply-box{
    background:var(--v114-warm) !important;
}

.forum-category-row,
.forum-topic-row,
.forum-post{
    border-color:#e0e3e2 !important;
    background:#fffefa !important;
}

.forum-category-row:nth-child(even),
.forum-topic-row:nth-child(even),
.forum-post:nth-child(even){
    background:#f8f8f5 !important;
}

.forum-category-row:hover,
.forum-topic-row:hover{
    background:#faf2eb !important;
}

.forum-category-main strong,
.forum-topic-main strong{
    color:#304f61 !important;
}

.forum-category-main small,
.forum-topic-main small,
.forum-post-meta{
    color:var(--v114-muted) !important;
}

.forum-post-user{
    background:#eef2f3 !important;
    border-color:#d8dfe1 !important;
}

/* ---------------------------------------------------------
   Wiki
   --------------------------------------------------------- */
.wiki-section,
.wiki-nav-box{
    background:var(--v114-warm) !important;
}

.wiki-nav,
.wiki-toc{
    border-color:var(--v114-line) !important;
    background:#f2f4f3 !important;
}

.wiki-compare > div,
.wiki-card{
    border-color:#dce0df !important;
    background:#fffefa !important;
}

.wiki-compare > div:nth-child(even),
.wiki-card:nth-child(even){
    background:#f8f8f5 !important;
}

.wiki-section h2,
.wiki-section h3{
    color:#31566c !important;
}

/* ---------------------------------------------------------
   Admin
   --------------------------------------------------------- */
.admin-news-section,
.admin-box,
.admin-panel,
.admin-card{
    background:var(--v114-warm) !important;
}

.admin-dashboard-head,
.admin-section-head{
    border-color:#c8d6de !important;
    background:linear-gradient(180deg,#dce8ee,#d1dfe7) !important;
    color:#294d63 !important;
}

.admin-quick-grid a,
.admin-quick-action,
.admin-card{
    border-color:#d9dede !important;
    background:#fffefa !important;
}

.admin-quick-grid a:hover,
.admin-quick-action:hover,
.admin-card:hover{
    border-color:#c1cfd6 !important;
    background:#f8f3ed !important;
}

.admin-news-row,
.admin-user-row{
    border-color:#e7e8e5 !important;
    background:var(--v114-warm) !important;
}

.admin-news-row:nth-child(even),
.admin-user-row:nth-child(even){
    background:var(--v114-warm-2) !important;
}

/* ---------------------------------------------------------
   Login / Regisztráció / vendég oldalak
   --------------------------------------------------------- */
.auth-card,
.login-box,
.register-box{
    border-color:var(--v114-line) !important;
    background:var(--v114-warm) !important;
}

.auth-head,
.login-head,
.register-head{
    background:linear-gradient(180deg,#dce8ee,#d1dfe7) !important;
    border-bottom-color:#bccfd9 !important;
    color:#294d63 !important;
}

.auth-side,
.guest-action-note{
    background:#f2f4f3 !important;
    border-color:#d8dddf !important;
}

/* ---------------------------------------------------------
   Általános belső információs panelek
   --------------------------------------------------------- */
.admin-note,
.privacy-note,
.support-purpose,
.wiki-compare > div{
    background:#f4f5f3 !important;
    border-color:#daddda !important;
}

.support-note{
    background:#fff2e8 !important;
    border-color:#e2c3ac !important;
}

/* A kékes kiemelő panelek mindenhol ugyanabba a családba essenek,
   de csak ott, ahol tényleg fejléc/kiemelés szerepük van. */
.section-highlight,
.info-highlight,
.page-summary{
    border-color:#b9cbd6 !important;
    background:linear-gradient(180deg,#dce8ee,#d1dfe7) !important;
    color:#31566c !important;
}

/* Meleg aktív/hover hangsúly, hogy ne váljon minden kék-fehérré. */
.list-row:hover,
.table-row:hover{
    background:#faf2eb !important;
}


/* =========================================================
   v0.11.5 – Jobb felső profilmenü új design
   ========================================================= */

/* Profilgomb: egyszerűbb, tisztább, kevésbé "gombos". */
.profile-menu-button{
    min-height:40px !important;
    padding:4px 10px 4px 5px !important;
    gap:9px !important;
    border:1px solid rgba(255,255,255,.16) !important;
    border-radius:9px !important;
    background:rgba(15,38,54,.22) !important;
    box-shadow:none !important;
    transition:background .15s ease,border-color .15s ease !important;
}

.profile-menu-button:hover,
.profile-menu.open .profile-menu-button{
    background:rgba(255,255,255,.10) !important;
    border-color:rgba(255,255,255,.26) !important;
}

/* Avatar: a lila átmenet helyett az oldal kék palettája. */
.profile-avatar{
    width:30px !important;
    height:30px !important;
    border:1px solid rgba(255,255,255,.22) !important;
    border-radius:7px !important;
    background:linear-gradient(145deg,#4d7d99,#315e7b) !important;
    color:#fff !important;
    box-shadow:none !important;
    font-size:10px !important;
    font-weight:700 !important;
}

.profile-menu-name{
    color:#f4f8fa !important;
    font-size:10px !important;
    font-weight:700 !important;
    letter-spacing:.1px !important;
}

.profile-menu-chevron{
    margin-left:2px !important;
    color:#bfd0da !important;
    font-size:8px !important;
    transition:transform .15s ease !important;
}

.profile-menu.open .profile-menu-chevron{
    transform:rotate(180deg) !important;
}

/* Lenyíló menü: melegebb világos felület, mint a többi belső kártya. */
.profile-dropdown{
    top:calc(100% + 8px) !important;
    width:205px !important;
    padding:0 !important;
    border:1px solid #cfd8dd !important;
    border-radius:9px !important;
    background:#fffdf9 !important;
    box-shadow:0 14px 30px rgba(30,51,64,.17) !important;
    overflow:hidden !important;
}

/* Kis nyíl a dropdown tetején. */
.profile-dropdown::before{
    content:"" !important;
    position:absolute !important;
    right:18px !important;
    top:-6px !important;
    width:10px !important;
    height:10px !important;
    border-left:1px solid #cfd8dd !important;
    border-top:1px solid #cfd8dd !important;
    background:#dce8ee !important;
    transform:rotate(45deg) !important;
}

/* A név fejléc ugyanazt a kékesszürke tónust kapja,
   ami a Sorozataim adatlapján bevált. */
.profile-dropdown-head{
    position:relative !important;
    z-index:1 !important;
    padding:11px 13px !important;
    border-bottom:1px solid #c8d6de !important;
    background:linear-gradient(180deg,#dce8ee,#d1dfe7) !important;
}

.profile-dropdown-head strong{
    display:block !important;
    color:#294d63 !important;
    font-size:11px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
}

.profile-dropdown-head span{
    display:block !important;
    margin-top:3px !important;
    color:#697e8a !important;
    font-size:9px !important;
}

/* Menüpontok */
.profile-dropdown a{
    display:flex !important;
    align-items:center !important;
    min-height:36px !important;
    padding:0 13px !important;
    border:0 !important;
    border-bottom:1px solid #eceae6 !important;
    border-radius:0 !important;
    background:#fffdf9 !important;
    color:#435660 !important;
    font-size:10px !important;
    font-weight:600 !important;
    text-decoration:none !important;
    transition:background .13s ease,color .13s ease,padding-left .13s ease !important;
}

.profile-dropdown a:hover{
    padding-left:16px !important;
    background:#f2f5f5 !important;
    color:#294f6b !important;
}

/* AdminPanel kapjon finom kék hangsúlyt, ne külön rikító színt. */
.profile-dropdown a[href*="admin.php"]{
    color:#356b8c !important;
}

/* Kijelentkezés külön alsó rész, de nem rikító piros. */
.profile-dropdown .profile-dropdown-logout{
    border-top:0 !important;
    border-bottom:0 !important;
    background:#faf6f2 !important;
    color:#a65d52 !important;
}

.profile-dropdown .profile-dropdown-logout:hover{
    background:#f7ebe6 !important;
    color:#934c43 !important;
}

/* Mobil */
@media(max-width:680px){
    .profile-menu-button{
        padding-right:7px !important;
    }

    .profile-menu-name{
        display:none !important;
    }

    .profile-dropdown{
        width:195px !important;
    }
}


/* =========================================================
   v0.11.6 – Olvashatóbb betűméretek
   ========================================================= */

/* Alapszöveg kicsit nagyobb, de az elrendezés nem változik. */
body{
    font-size:14px !important;
}

/* Felső navigáció */
.main-nav a{
    font-size:11px !important;
}

/* Boxfejlécek */
.box-title,
.box-title > span:first-child{
    font-size:13px !important;
}

.box-title .box-link,
.box-title .box-link:visited{
    font-size:11px !important;
}

/* Jobb felső profilgomb */
.profile-menu-name{
    font-size:12px !important;
}

.profile-menu-chevron{
    font-size:10px !important;
}

.profile-avatar{
    font-size:11px !important;
}

/* Profil lenyíló menü */
.profile-dropdown-head strong{
    font-size:13px !important;
}

.profile-dropdown-head span{
    font-size:11px !important;
}

.profile-dropdown a{
    min-height:39px !important;
    font-size:12px !important;
}

/* Sorozataim */
.myshows-tabs a{
    font-size:11px !important;
}

.series-title{
    font-size:12px !important;
}

.series-next-days{
    font-size:11px !important;
}

.show-panel .detail-head h1,
.show-panel .detail-head h2,
.myshows-right .detail-head h1,
.myshows-right .detail-head h2{
    font-size:20px !important;
}

.show-panel .detail-years,
.myshows-right .detail-years{
    font-size:12px !important;
}

.show-panel .detail-status,
.myshows-right .detail-status{
    font-size:11px !important;
}

/* Epizódlista */
.panel-episode-row,
.episode-row{
    font-size:12px !important;
}

.panel-episode-code,
.episode-code,
.panel-episode-date,
.episode-date{
    font-size:11px !important;
}

/* Hírek / üzenőfal / premierek */
.news-date{
    font-size:11px !important;
}

.news-text,
.shout-row,
.premiere-row{
    font-size:12px !important;
}

.shout-time{
    font-size:10px !important;
}

/* Fórum, Wiki, Profil, Admin általános olvashatóság */
.forum-category-row,
.forum-topic-row,
.forum-post,
.wiki-section,
.profile-main-box,
.profile-stats-box,
.profile-recent-box,
.admin-box,
.admin-news-section{
    font-size:12px !important;
}

/* Inputok és gombok */
input,
select,
textarea,
button,
.button{
    font-size:12px !important;
}


/* =========================================================
   v0.11.7 – Felfedező adatlap design = Sorozataim vizuális nyelve
   ========================================================= */

/* A Felfedezőben megnyitott sorozat adatlapja kapja ugyanazt a
   kékesszürke / törtfehér / meleg kiemeléses vizuális világot,
   mint a Sorozataim adatlap. */

.discover-detail{
    border:1px solid #d7dddf !important;
    border-radius:9px !important;
    background:#fffdf9 !important;
    box-shadow:0 3px 10px rgba(41,60,70,.055) !important;
    overflow:hidden !important;
}

/* Felső név/év/státusz rész */
.discover-detail-head{
    position:relative !important;
    min-height:62px !important;
    padding:11px 14px 11px 17px !important;
    border-bottom:1px solid #b9cbd6 !important;
    background:linear-gradient(180deg,#dce8ee 0%,#d1dfe7 100%) !important;
    color:#244a62 !important;
}

.discover-detail-head::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:5px !important;
    background:linear-gradient(180deg,#3d6f8f,#294f6b) !important;
}

.discover-detail-head h1,
.discover-detail-head h2,
.discover-detail-title{
    margin:0 !important;
    color:#244a62 !important;
    font-size:20px !important;
    line-height:1.2 !important;
    font-weight:750 !important;
    letter-spacing:-.25px !important;
    text-decoration:none !important;
}

.discover-detail-year,
.discover-detail-years{
    margin-top:4px !important;
    color:#617986 !important;
    font-size:12px !important;
    font-weight:600 !important;
    text-decoration:none !important;
}

.discover-detail-status{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:27px !important;
    padding:5px 10px !important;
    border:1px solid #d5bda9 !important;
    border-radius:999px !important;
    background:#fff0e4 !important;
    color:#9f5a32 !important;
    font-size:11px !important;
    font-weight:700 !important;
    text-decoration:none !important;
}

/* Fő tartalom */
.discover-detail-body,
.discover-detail-content{
    background:#fffdf9 !important;
}

/* Borító */
.discover-detail-poster{
    border:1px solid #ccd7de !important;
    border-radius:8px !important;
    background:#eef3f6 !important;
    box-shadow:0 5px 14px rgba(41,79,107,.10) !important;
}

/* Meta/adattábla */
.discover-detail-meta,
.discover-detail-info,
.discover-detail table{
    border-color:#dcdfdd !important;
    background:#fffdf9 !important;
}

.discover-detail-meta tr,
.discover-detail table tr{
    border-color:#e8e9e6 !important;
}

.discover-detail-meta tr:nth-child(even),
.discover-detail table tr:nth-child(even){
    background:#f8f8f5 !important;
}

.discover-detail-meta th,
.discover-detail table th{
    background:#f0f2f1 !important;
    color:#5d6d73 !important;
}

.discover-detail-meta td,
.discover-detail table td{
    color:#34444e !important;
}

.discover-detail-meta a,
.discover-detail table a{
    color:#356f93 !important;
}

/* Leírás */
.discover-detail-summary,
.discover-summary{
    border:1px solid #ddd8d0 !important;
    border-left:3px solid #7f9fb1 !important;
    background:#faf8f4 !important;
    color:#414e55 !important;
}

/* Évadok */
.discover-detail .panel-season,
.discover-detail .season{
    border-color:#d6dcdf !important;
    background:#fffdf9 !important;
}

.discover-detail .panel-season summary,
.discover-detail .season summary{
    border-color:#ccd7dc !important;
    background:linear-gradient(180deg,#edf2f4,#e3e9ec) !important;
    color:#3f5e70 !important;
}

.discover-detail .panel-season summary:hover,
.discover-detail .season summary:hover{
    background:linear-gradient(180deg,#e8eef1,#dce5e9) !important;
}

.discover-detail .panel-season-tools,
.discover-detail .season-action{
    border-color:#dcdfdd !important;
    background:#f5f5f2 !important;
}

/* Epizódok */
.discover-detail .panel-episode-row,
.discover-detail .episode-row{
    border-bottom-color:#e9e9e5 !important;
    background:#fffdf9 !important;
    color:#34434c !important;
}

.discover-detail .panel-episode-row:nth-child(even),
.discover-detail .episode-row:nth-child(even){
    background:#f8f8f5 !important;
}

.discover-detail .panel-episode-row:hover:not(.future),
.discover-detail .episode-row:hover:not(.future){
    background:#faf2eb !important;
}

.discover-detail .panel-episode-row.future,
.discover-detail .episode-row.future{
    background:#f0f1ef !important;
    color:#9da4a5 !important;
}

.discover-detail .panel-episode-code,
.discover-detail .episode-code{
    color:#557486 !important;
}

.discover-detail .panel-episode-name,
.discover-detail .episode-name{
    color:#33424c !important;
}

.discover-detail .panel-episode-date,
.discover-detail .episode-date{
    color:#84919a !important;
}

/* Saját listás jelzés / hozzáadás */
.discover-on-list{
    border-color:#d5bda9 !important;
    background:#fff0e4 !important;
    color:#9f5a32 !important;
    border-radius:999px !important;
}

.discover-add-form,
.discover-status-form{
    background:#f5f5f2 !important;
    border-color:#ddd8d0 !important;
}

@media(max-width:680px){
    .discover-detail-head{
        min-height:auto !important;
    }
}


/* =========================================================
   v0.11.8 – Felfedező státusz tényleg mint a Sorozataimnál
   ========================================================= */

/* A Sorozataim panelben a TVmaze státusz sima szöveges sor,
   ezért a Felfedezőből is kivesszük a narancssárga kapszulát. */
.discover-detail-status{
    display:block !important;
    min-height:0 !important;
    margin-top:4px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#3e5d70 !important;
    font-size:12px !important;
    line-height:1.3 !important;
    font-weight:700 !important;
    box-shadow:none !important;
    text-decoration:none !important;
}


/* v0.12.1 – Hírek pontos dátum + relatív idő */
.news-date{
    color:#5f7890 !important;
    font-weight:700 !important;
}

.news-relative{
    color:#8a969d !important;
    font-weight:500 !important;
}


/* =========================================================
   v0.12.2 – Hírek relatív idő + Mai premierek kattintás/hover
   ========================================================= */

/* A pontos dátum marad normál helyen, a relatív idő külön,
   középre igazítva jelenik meg. */
.news-date{
    display:block !important;
}

.news-exact-date{
    display:block !important;
}

.news-relative{
    display:block !important;
    width:100% !important;
    margin-top:2px !important;
    text-align:center !important;
    color:#8a969d !important;
    font-weight:500 !important;
}

/* Mai premierek: csak a borító kattintható. */
.premiere-show{
    color:#294f6b !important;
    font-weight:700 !important;
    text-decoration:none !important;
    cursor:default !important;
}

/* Ne legyen narancssárga kijelölés/hover a premier soron vagy borítón. */
.premiere-row:hover{
    background:inherit !important;
}

.premiere-thumb:hover{
    box-shadow:0 5px 14px rgba(41,79,107,.12) !important;
    outline:none !important;
    transform:none !important;
}

.premiere-thumb:hover img{
    opacity:1 !important;
}


/* =========================================================
   v0.12.3 – Automatikus Sorozatjunkie hírek a főoldalon
   ========================================================= */
.external-news-list{
    display:grid;
    gap:0;
    border:1px solid #e1e3e1;
    border-radius:8px;
    overflow:hidden;
    background:#fffdf9;
}
.external-news-item{
    padding:10px 11px;
    border-bottom:1px solid #e8e9e6;
    background:#fffdf9;
}
.external-news-item:nth-child(even){
    background:#f8f8f5;
}
.external-news-item:last-child{
    border-bottom:0;
}
.external-news-item:hover{
    background:#faf2eb;
}
.external-news-title{
    display:block;
    margin-top:5px;
    color:#2f5368 !important;
    font-size:13px;
    font-weight:700;
    line-height:1.35;
    text-decoration:none !important;
}
.external-news-title:hover{
    color:#b9683a !important;
}
.external-news-source{
    margin-top:5px;
    color:#8a9499;
    font-size:10px;
}
.news-feed-empty{
    padding:18px 10px;
    border:1px dashed #d4dadc;
    border-radius:8px;
    background:#f7f8f6;
    color:#7b868b;
    text-align:center;
}


/* =========================================================
   v0.12.5 – Hír dátum + kattintható forrás
   ========================================================= */

/* A relatív idő ismét közvetlenül a pontos dátum után jelenik meg. */
.external-news-item .news-date{
    display:flex !important;
    align-items:baseline !important;
    justify-content:flex-start !important;
    gap:5px !important;
}

.external-news-item .news-exact-date,
.external-news-item .news-relative{
    display:inline !important;
    width:auto !important;
    margin:0 !important;
    text-align:left !important;
}

.external-news-item .news-relative{
    color:#8a969d !important;
    font-weight:500 !important;
}

/* Forrás jól látható, kattintható, de ne legyen harsány. */
.external-news-source a{
    color:#356f93 !important;
    font-weight:700 !important;
    text-decoration:none !important;
}

.external-news-source a:hover{
    color:#294f6b !important;
    text-decoration:underline !important;
}

/* v0.12.8 – Főoldali statisztika: 2 oszlop × 3 sor */
.stats-list{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
}
.stats-list > div{
    min-height:58px !important;
    padding:9px 10px !important;
    border:1px solid #dce1e2 !important;
    border-radius:7px !important;
    background:#fffdf9 !important;
    text-align:center !important;
}
.stats-list > div span{
    display:block !important;
    color:#68777f !important;
    font-size:11px !important;
    line-height:1.25 !important;
}
.stats-list > div strong{
    display:block !important;
    margin-top:4px !important;
    color:#315e7b !important;
    font-size:19px !important;
    line-height:1 !important;
}
@media(max-width:560px){
    .stats-list{grid-template-columns:1fr !important;}
}


/* =========================================================
   v0.12.9 – Szavazás teljes rendbetétele
   ========================================================= */

.poll-question{
    display:block;
    margin:0 0 10px;
    color:#304f61 !important;
    font-size:13px !important;
    line-height:1.35;
}

.poll-form{
    display:grid !important;
    gap:6px !important;
}

.poll-form label{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    min-height:36px !important;
    padding:7px 9px !important;
    border:1px solid #e0e3e2 !important;
    border-radius:7px !important;
    background:#fffdf9 !important;
    color:#46555d !important;
    cursor:pointer !important;
}

.poll-form label:hover{
    border-color:#c9d5da !important;
    background:#f8f4ef !important;
}

.poll-form input[type="radio"]{
    accent-color:#356f93;
}

.poll-form button{
    margin-top:3px;
}

.poll-results{
    display:grid;
    gap:9px;
}

.poll-result-row.modern{
    display:block !important;
    padding:0 !important;
    background:transparent !important;
}

.poll-result-label{
    display:flex;
    justify-content:space-between;
    gap:10px;
    margin-bottom:4px;
    color:#53636c;
    font-size:11px;
}

.poll-result-label strong{
    color:#315e7b;
}

.poll-bar{
    height:8px !important;
    border:0 !important;
    border-radius:999px !important;
    background:#e5e9ea !important;
    overflow:hidden !important;
}

.poll-bar span{
    display:block !important;
    height:100% !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#477b9a,#315e7b) !important;
}

.poll-total{
    margin-top:10px !important;
    padding-top:8px !important;
    border-top:1px solid #e2e4e2 !important;
    color:#7a858b !important;
    font-size:10px !important;
    text-align:right !important;
}

/* Admin */
.poll-admin-grid{
    display:grid;
    grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);
    gap:14px;
}

.poll-create-card,
.poll-history-card{
    border:1px solid #d9dede;
    border-radius:8px;
    background:#fffdf9;
    padding:12px;
}

.poll-create-card h2,
.poll-history-card h2{
    margin:0 0 11px;
    color:#304f61;
    font-size:14px;
}

.poll-create-form{
    display:grid;
    gap:7px;
}

.poll-create-form label{
    color:#66757d;
    font-size:11px;
    font-weight:700;
}

.poll-option-inputs{
    display:grid;
    gap:5px;
}

.poll-admin-note{
    padding:8px 9px;
    border:1px solid #ddd8d0;
    border-radius:7px;
    background:#f5f5f2;
    color:#747d81;
    font-size:10px;
    line-height:1.35;
}

.poll-admin-list{
    display:grid;
    gap:6px;
}

.poll-admin-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    padding:9px;
    border:1px solid #dfe3e2;
    border-radius:7px;
    background:#fffefa;
}

.poll-admin-row.active{
    border-color:#b9cbd6;
    background:#edf4f7;
}

.poll-admin-question{
    color:#344d5c;
    font-size:11px;
    font-weight:700;
}

.poll-admin-meta{
    margin-top:3px;
    color:#818b90;
    font-size:9px;
}

.poll-admin-actions{
    display:flex;
    gap:4px;
}

.poll-admin-actions form{
    margin:0;
}

.poll-admin-actions button{
    padding:5px 7px !important;
    font-size:10px !important;
}

.poll-delete-btn{
    background:#f6ece8 !important;
    border-color:#dec0b8 !important;
    color:#9d564b !important;
    box-shadow:none !important;
}

/* Archive */
.polls-archive-list{
    display:grid;
    gap:10px;
}

.poll-archive-card{
    padding:11px;
    border:1px solid #d9dede;
    border-radius:8px;
    background:#fffdf9;
}

.poll-archive-head{
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin-bottom:10px;
}

.poll-archive-head strong{
    color:#304f61;
    font-size:12px;
}

.poll-archive-head span{
    color:#818b90;
    font-size:9px;
    white-space:nowrap;
}

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

    .poll-admin-row{
        grid-template-columns:1fr;
    }

    .poll-admin-actions{
        justify-content:flex-start;
    }
}


/* =========================================================
   v0.13.1 – Üzenőfal + Aktív felhasználók
   ========================================================= */

.home-community-main{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
}

/* Üzenőfal */
.modern-shoutbox{
    display:grid !important;
    gap:0 !important;
    border:1px solid #dde2e3 !important;
    border-radius:8px !important;
    background:#fffdf9 !important;
    overflow:hidden !important;
}

.modern-shout-row{
    display:grid !important;
    grid-template-columns:32px minmax(0,1fr) !important;
    gap:9px !important;
    align-items:start !important;
    min-height:52px !important;
    padding:8px 10px !important;
    border-bottom:1px solid #e9e9e6 !important;
    background:#fffdf9 !important;
}

.modern-shout-row:nth-child(even){
    background:#f8f8f5 !important;
}

.modern-shout-row:last-child{
    border-bottom:0 !important;
}

.modern-shout-row:hover{
    background:#faf4ee !important;
}

.shout-avatar{
    display:grid !important;
    place-items:center !important;
    width:30px !important;
    height:30px !important;
    border-radius:7px !important;
    background:#dce6ec !important;
    color:#405864 !important;
    font-size:11px !important;
    font-weight:800 !important;
}

.shout-avatar.role-bg-admin{
    background:#f1dfdc !important;
    color:#9b5148 !important;
}

.shout-avatar.role-bg-moderator{
    background:#dce8f1 !important;
    color:#426f94 !important;
}

.shout-body{
    min-width:0 !important;
}

.shout-meta{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    margin-bottom:3px !important;
}

.shout-user{
    font-size:11px !important;
    font-weight:750 !important;
}

.shout-time{
    flex:0 0 auto !important;
    color:#929ca1 !important;
    font-size:9px !important;
}

.shout-message{
    color:#39474f !important;
    font-size:12px !important;
    line-height:1.35 !important;
    word-break:break-word !important;
}

.modern-shout-form{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:7px !important;
    margin-top:9px !important;
}

.modern-shout-form input[type="text"]{
    min-height:38px !important;
    padding:8px 10px !important;
    border:1px solid #d2dadd !important;
    border-radius:8px !important;
    background:#fff !important;
}

.modern-shout-form button{
    min-width:72px !important;
    min-height:38px !important;
}

/* Aktív felhasználók közvetlenül az Üzenőfal alatt */
.home-active-box{
    margin:0 !important;
}

.modern-active-users{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:6px !important;
}

.active-user-chip{
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    min-height:28px !important;
    padding:5px 9px !important;
    border:1px solid #dce1e2 !important;
    border-radius:999px !important;
    background:#fffdf9 !important;
    color:#46555d !important;
    font-size:10px !important;
    font-weight:700 !important;
}

.active-user-dot{
    width:7px !important;
    height:7px !important;
    border-radius:50% !important;
    background:#59a66f !important;
    box-shadow:0 0 0 2px rgba(89,166,111,.12) !important;
}

.active-user-chip.role-admin{
    border-color:#e2cfcc !important;
    background:#fbf4f2 !important;
    color:#9d554d !important;
}

.active-user-chip.role-moderator{
    border-color:#ccdce6 !important;
    background:#f1f6f9 !important;
    color:#47779a !important;
}

.active-users-total{
    margin-top:9px !important;
    padding-top:8px !important;
    border-top:1px solid #e7e8e5 !important;
    color:#7c888d !important;
    font-size:10px !important;
    text-align:right !important;
}

.active-users-total strong{
    color:#315e7b !important;
}

.active-users-empty{
    color:#7d888d !important;
    font-size:11px !important;
}

@media(max-width:680px){
    .modern-shout-row{
        grid-template-columns:28px minmax(0,1fr) !important;
    }

    .shout-avatar{
        width:27px !important;
        height:27px !important;
    }

    .modern-shout-form{
        grid-template-columns:1fr !important;
    }
}


/* =========================================================
   v0.13.3 – AJAX Üzenőfal
   ========================================================= */

.shout-ajax-status{
    min-height:16px;
    margin-top:4px;
    color:#748188;
    font-size:10px;
    text-align:right;
}

.modern-shout-form button:disabled{
    opacity:.65;
    cursor:default;
}

.modern-shoutbox{
    min-height:90px;
}

/* v0.13.5 – footer verzió */
.footer-version{
    margin-left:7px;
    color:#8a969d;
    font-size:10px;
    font-weight:600;
}

/* v0.13.6 – Felfedező közvetlen, érthető szűrők */
.discover-filter-row-modern{
    align-items:end !important;
}
.discover-direct-filter{
    min-width:115px;
}
.discover-direct-filter span{
    display:block;
    margin-bottom:4px;
}
.discover-direct-filter select:disabled{
    opacity:.48;
    cursor:not-allowed;
}

/* v0.13.7 – Felfedező: több szűrő egyszerre */
.discover-direct-filter select:disabled{
    opacity:1 !important;
    cursor:pointer !important;
}
.discover-filter-row-modern{
    flex-wrap:wrap !important;
}


/* =========================================================
   v0.13.8 – Népszerű sorozatok Top 5
   ========================================================= */
.home-popular-shows{
    margin-top:12px !important;
}

.popular-shows-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
}

.popular-show-card{
    min-width:0;
    overflow:hidden;
    border:1px solid #dce1e2;
    border-radius:8px;
    background:#fffdf9;
    color:inherit !important;
    text-decoration:none !important;
    transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}

.popular-show-card:hover{
    transform:translateY(-2px);
    border-color:#bdccd4;
    box-shadow:0 5px 13px rgba(48,79,97,.09);
}

.popular-show-cover{
    position:relative;
    aspect-ratio:2 / 3;
    overflow:hidden;
    background:#e8ecec;
}

.popular-show-cover img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.popular-show-rank{
    position:absolute;
    z-index:2;
    top:7px;
    left:7px;
    display:grid;
    place-items:center;
    min-width:29px;
    height:29px;
    padding:0 7px;
    border-radius:7px;
    background:rgba(38,64,79,.90);
    color:#fff;
    font-size:12px;
    font-weight:800;
    box-shadow:0 2px 7px rgba(0,0,0,.18);
}

.popular-show-no-image{
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    color:#89959a;
    font-size:10px;
}

.popular-show-info{
    padding:8px 9px 9px;
    text-align:center;
}

.popular-show-name{
    overflow:hidden;
    color:#31566c;
    font-size:11px;
    font-weight:800;
    line-height:1.25;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.popular-show-year{
    margin-top:2px;
    color:#8b969b;
    font-size:9px;
}

.popular-show-followers{
    margin-top:6px;
    padding-top:6px;
    border-top:1px solid #e8e9e6;
    color:#697980;
    font-size:9px;
    font-weight:600;
}

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

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


/* =========================================================
   v0.13.9 – Népszerű sorozatok átkerült a Felfedezőbe
   kompakt Top 5, kis borítókkal
   ========================================================= */

.discover-popular-strip{
    margin-bottom:12px;
    padding:9px 10px 10px;
    border:1px solid #d9dede;
    border-radius:8px;
    background:#f8f8f5;
}

.discover-popular-strip-head{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:10px;
    margin-bottom:8px;
}

.discover-popular-strip-head strong{
    color:#31566c;
    font-size:12px;
}

.discover-popular-strip-head span{
    color:#8a9499;
    font-size:9px;
}

.discover-popular-list{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:7px;
}

.discover-popular-item{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:7px;
    align-items:center;
    min-width:0;
    padding:6px;
    border:1px solid #e0e3e2;
    border-radius:7px;
    background:#fffdf9;
    color:inherit !important;
    text-decoration:none !important;
    transition:border-color .14s ease,background .14s ease,box-shadow .14s ease;
}

.discover-popular-item:hover{
    border-color:#c5d2d8;
    background:#faf5ef;
    box-shadow:0 3px 8px rgba(49,86,108,.06);
}

.discover-popular-thumb{
    position:relative;
    width:42px;
    height:58px;
    overflow:hidden;
    border-radius:6px;
    background:#e7ebec;
}

.discover-popular-thumb img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.discover-popular-thumb > span{
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    color:#8a969b;
    font-size:9px;
}

.discover-popular-thumb b{
    position:absolute;
    top:3px;
    left:3px;
    display:grid;
    place-items:center;
    width:18px;
    height:18px;
    border-radius:5px;
    background:rgba(41,79,107,.90);
    color:#fff;
    font-size:9px;
    font-weight:800;
}

.discover-popular-text{
    min-width:0;
}

.discover-popular-name{
    overflow:hidden;
    color:#35566a;
    font-size:10px;
    font-weight:800;
    line-height:1.25;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.discover-popular-meta{
    margin-top:4px;
    color:#808c91;
    font-size:8.5px;
    line-height:1.2;
}

@media(max-width:900px){
    .discover-popular-list{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:560px){
    .discover-popular-strip-head{
        align-items:flex-start;
        flex-direction:column;
        gap:2px;
    }

    .discover-popular-list{
        grid-template-columns:1fr 1fr;
    }
}


/* =========================================================
   v0.14.3 – Profil teljes vizuális frissítése
   ========================================================= */

.profile-overview-box{
    margin-bottom:14px !important;
}

.profile-hero{
    display:flex;
    align-items:center;
    gap:14px;
    padding:13px 14px;
    border:1px solid #b9cbd6;
    border-radius:9px;
    background:linear-gradient(180deg,#dce8ee,#d1dfe7);
}

.profile-avatar-large{
    display:grid;
    place-items:center;
    flex:0 0 auto;
    width:66px;
    height:66px;
    border:1px solid rgba(255,255,255,.7);
    border-radius:14px;
    background:linear-gradient(145deg,#497a98,#315e7b);
    color:#fff;
    font-size:26px;
    font-weight:800;
    box-shadow:0 5px 13px rgba(41,79,107,.14);
}

.profile-hero-main{
    min-width:0;
    flex:1;
}

.profile-hero-name{
    color:#244a62;
    font-size:22px;
    font-weight:800;
    line-height:1.1;
}

.profile-hero-badges{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:7px;
}

.profile-role-badge,
.profile-joined-badge{
    display:inline-flex;
    align-items:center;
    min-height:25px;
    padding:4px 9px;
    border-radius:999px;
    font-size:10px;
    font-weight:700;
}

.profile-role-badge{
    border:1px solid #b4c7d2;
    background:#eef4f7;
    color:#355e77;
}

.profile-role-badge.role-admin{
    border-color:#dfc5c1;
    background:#fbefed;
    color:#a6544c !important;
}

.profile-role-badge.role-moderator{
    border-color:#c1d2dd;
    background:#eff5f8;
    color:#47789a !important;
}

.profile-joined-badge{
    border:1px solid #d8cabb;
    background:#fff5ec;
    color:#9a673f;
}

.profile-hero-meta{
    display:flex;
    flex-wrap:wrap;
    gap:7px 15px;
    margin-top:9px;
    color:#647884;
    font-size:10px;
}

.profile-hero-meta strong{
    color:#3f5866;
}

.profile-summary-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    margin-top:11px;
}

.profile-summary-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:58px;
    padding:10px 11px;
    border:1px solid #dddeda;
    border-radius:8px;
    background:#fffdf9;
    color:#65727a !important;
    text-decoration:none !important;
    transition:border-color .14s ease,background .14s ease,transform .14s ease;
}

.profile-summary-card:hover{
    border-color:#c7d4da;
    background:#faf4ee;
    transform:translateY(-1px);
}

.profile-summary-card span{
    font-size:10px;
    font-weight:700;
}

.profile-summary-card strong{
    color:#315e7b;
    font-size:20px;
    line-height:1;
}

.profile-summary-static{
    cursor:default;
}

.profile-summary-static:hover{
    transform:none;
}

.profile-lower-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);
    gap:14px;
    align-items:start;
}

.profile-details-list{
    overflow:hidden;
    border:1px solid #dce1e2;
    border-radius:8px;
}

.profile-details-list > div{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    min-height:39px;
    padding:8px 10px;
    border-bottom:1px solid #e8e9e6;
    background:#fffdf9;
}

.profile-details-list > div:nth-child(even){
    background:#f8f8f5;
}

.profile-details-list > div:last-child{
    border-bottom:0;
}

.profile-details-list span{
    color:#7a858a;
    font-size:10px;
}

.profile-details-list strong{
    color:#405764;
    font-size:11px;
    text-align:right;
}

.profile-password-box-modern{
    max-width:none !important;
    margin-top:0 !important;
}

.profile-password-box-modern .profile-password-form{
    display:grid;
    gap:7px;
}

.profile-password-box-modern .profile-password-form label{
    color:#65747c;
    font-size:10px;
    font-weight:700;
}

.profile-recent-list-modern{
    overflow:hidden;
    border:1px solid #dce1e2 !important;
    border-radius:8px;
}

.profile-recent-row-modern{
    display:grid !important;
    grid-template-columns:minmax(180px,.9fr) minmax(220px,1.2fr) 150px !important;
    gap:12px !important;
    align-items:center !important;
    min-height:52px !important;
    padding:8px 10px !important;
    color:inherit !important;
    text-decoration:none !important;
    background:#fffdf9 !important;
}

.profile-recent-row-modern:nth-child(even){
    background:#f8f8f5 !important;
}

.profile-recent-row-modern:hover{
    background:#faf2eb !important;
}

.profile-recent-main{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
}

.profile-recent-show{
    overflow:hidden;
    color:#31566c !important;
    font-size:11px !important;
    font-weight:800 !important;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.profile-recent-code{
    flex:0 0 auto;
    padding:3px 6px;
    border-radius:5px;
    background:#e6eef2;
    color:#4e7084 !important;
    font-size:9px !important;
}

.profile-recent-title{
    overflow:hidden;
    color:#4c5a62 !important;
    font-size:10px !important;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.profile-recent-when{
    text-align:right;
}

.profile-recent-when span{
    display:block;
    color:#69777e;
    font-size:9px;
}

.profile-recent-when small{
    display:block;
    margin-top:2px;
    color:#929a9e;
    font-size:8px;
}

@media(max-width:760px){
    .profile-summary-grid{
        grid-template-columns:1fr 1fr;
    }

    .profile-lower-grid{
        grid-template-columns:1fr;
    }

    .profile-recent-row-modern{
        grid-template-columns:1fr auto !important;
        gap:4px 10px !important;
    }

    .profile-recent-title{
        grid-column:1 / -1;
    }

    .profile-recent-when{
        grid-column:1 / -1;
        text-align:left;
    }
}

@media(max-width:520px){
    .profile-hero{
        align-items:flex-start;
    }

    .profile-avatar-large{
        width:54px;
        height:54px;
        border-radius:12px;
        font-size:22px;
    }

    .profile-hero-name{
        font-size:19px;
    }

    .profile-hero-meta{
        flex-direction:column;
        gap:3px;
    }
}


/* =========================================================
   v0.14.4 – Profil szerkesztése
   ========================================================= */

.profile-avatar-large{
    overflow:hidden;
}

.profile-avatar-large img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.profile-edit-box{
    max-width:900px;
    margin-left:auto;
    margin-right:auto;
}

.profile-edit-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.profile-edit-card{
    padding:12px;
    border:1px solid #d9dede;
    border-radius:9px;
    background:#fffdf9;
}

.profile-edit-card h2{
    margin:0 0 12px;
    color:#304f61;
    font-size:14px;
}

.profile-edit-card-head{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:13px;
    padding-bottom:11px;
    border-bottom:1px solid #e6e7e4;
}

.profile-edit-card-head strong{
    display:block;
    color:#304f61;
    font-size:13px;
}

.profile-edit-card-head span{
    display:block;
    margin-top:2px;
    color:#899398;
    font-size:9px;
}

.profile-edit-preview{
    display:grid;
    place-items:center;
    flex:0 0 auto;
    width:54px;
    height:54px;
    overflow:hidden;
    border-radius:12px;
    background:linear-gradient(145deg,#497a98,#315e7b);
    color:#fff;
    font-size:21px;
    font-weight:800;
}

.profile-edit-preview img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.profile-edit-form{
    display:grid;
    gap:7px;
}

.profile-edit-form label{
    color:#65747c;
    font-size:10px;
    font-weight:700;
}

.profile-edit-note{
    padding:8px 9px;
    border:1px solid #dedbd4;
    border-radius:7px;
    background:#f6f4ef;
    color:#747d81;
    font-size:9px;
    line-height:1.45;
}

.profile-edit-form button{
    margin-top:3px;
}

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


/* =========================================================
   v0.14.5 – Nyilvános felhasználói profilok
   ========================================================= */

.profile-bio{
    max-width:720px;
    margin-top:10px;
    padding:9px 10px;
    border:1px solid rgba(99,126,141,.20);
    border-radius:8px;
    background:rgba(255,255,255,.42);
    color:#405762;
    font-size:11px;
    line-height:1.5;
}

.shout-user{
    text-decoration:none !important;
}

.shout-user:hover{
    text-decoration:underline !important;
}

.active-user-chip{
    text-decoration:none !important;
}

.active-user-chip:hover{
    border-color:#c4d1d7 !important;
    background:#f7f3ee !important;
}

/* v0.14.6 */
.profile-hero-email{flex-basis:100%;}


/* v0.14.7 – nagyobb profilavatar */
.profile-avatar-large{
    width:100px !important;
    height:100px !important;
    border-radius:16px !important;
    font-size:34px !important;
}

@media(max-width:520px){
    .profile-avatar-large{
        width:78px !important;
        height:78px !important;
        border-radius:14px !important;
        font-size:28px !important;
    }
}


/* v0.14.8 – Profil statisztikák egyszerűsítése */
.profile-summary-grid-three{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

.profile-activity-card{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    grid-template-rows:auto auto !important;
}

.profile-activity-card > span{
    align-self:center;
}

.profile-activity-label{
    font-size:14px !important;
}

.profile-activity-card small{
    grid-column:1 / -1;
    margin-top:5px;
    color:#8a9499;
    font-size:8px;
    text-align:right;
}

@media(max-width:650px){
    .profile-summary-grid-three{
        grid-template-columns:1fr !important;
    }
}


/* v0.14.9 – Sorozatokkal töltött idő */
.profile-watchtime-card{
    display:flex !important;
}
.profile-watchtime-value{
    font-size:14px !important;
    white-space:nowrap;
}


/* =========================================================
   v0.15.1 – Profil: Legutóbb nézett
   ========================================================= */

.profile-recent-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}

.profile-recent-card{
    display:block;
    min-width:0;
    padding:9px 10px;
    border:1px solid #dce1e2;
    border-radius:8px;
    background:#fffdf9;
    color:inherit !important;
    text-decoration:none !important;
    transition:border-color .14s ease,background .14s ease,box-shadow .14s ease;
}

.profile-recent-card:hover{
    border-color:#c5d2d8;
    background:#faf3ed;
    box-shadow:0 3px 8px rgba(49,86,108,.06);
}

.profile-recent-card-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}

.profile-recent-card-top .profile-recent-show{
    min-width:0;
    overflow:hidden;
    color:#31566c !important;
    font-size:11px !important;
    font-weight:800 !important;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.profile-recent-card-top .profile-recent-code{
    flex:0 0 auto;
    padding:3px 6px;
    border-radius:5px;
    background:#e6eef2;
    color:#4e7084 !important;
    font-size:9px !important;
}

.profile-recent-card-title{
    margin-top:5px;
    overflow:hidden;
    color:#4c5a62;
    font-size:10px;
    line-height:1.3;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.profile-recent-card-time{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-top:7px;
    padding-top:6px;
    border-top:1px solid #e8e9e6;
    color:#7d888e;
    font-size:8.5px;
}

.profile-recent-card-time small{
    color:#939b9f;
    font-size:8px;
}

@media(max-width:680px){
    .profile-recent-grid{
        grid-template-columns:1fr;
    }
}


/* =========================================================
   v0.15.3 – Fórum újratervezés
   ========================================================= */
.forum-category-row{
    grid-template-columns:minmax(0,1fr) 145px 210px !important;
    gap:14px !important;
    min-height:68px;
    padding:10px 12px !important;
}
.forum-category-main strong{font-size:12px !important;}
.forum-category-last{
    min-width:0;
    padding-left:12px;
    border-left:1px solid #e1e4e3;
}
.forum-category-last strong{
    display:block;
    overflow:hidden;
    color:#47677a;
    font-size:9.5px;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.forum-category-last small{
    display:block;
    margin-top:3px;
    color:#90999d;
    font-size:8px;
}
.forum-topic-row{
    grid-template-columns:32px minmax(0,1fr) 70px 150px !important;
}
.forum-topic-replies{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:2px;
}
.forum-topic-replies strong{color:#315e7b;font-size:13px;}
.forum-topic-replies small{color:#929a9e;font-size:8px;}
.forum-topic-last{
    display:flex;
    flex-direction:column;
    gap:3px;
    text-align:right;
}
.forum-topic-last small{color:#969da0;font-size:8px;}
.forum-topic-last strong{color:#66777f;font-size:8.5px;font-weight:600;}
.forum-post{
    grid-template-columns:145px minmax(0,1fr) !important;
    border-radius:8px !important;
    overflow:hidden;
}
.forum-post-user{
    display:flex !important;
    flex-direction:column;
    align-items:center;
    padding:12px 9px !important;
    text-align:center;
    background:#edf2f4 !important;
}
.forum-post-avatar{
    display:grid;
    place-items:center;
    width:72px;
    height:72px;
    margin-bottom:7px;
    overflow:hidden;
    border:1px solid #c7d3d9;
    border-radius:12px;
    background:linear-gradient(145deg,#497a98,#315e7b);
    color:#fff !important;
    font-size:25px;
    font-weight:800;
    text-decoration:none !important;
}
.forum-post-avatar img{width:100%;height:100%;object-fit:cover;}
.forum-post-username{font-size:11px !important;}
.forum-post-body{min-height:150px;}
.forum-post-text{font-size:11px !important;line-height:1.6 !important;}
.forum-post-edited{
    margin-top:14px;
    color:#989fa2;
    font-size:8px;
    font-style:italic;
}
.forum-post-tools{
    display:flex;
    justify-content:flex-end;
    gap:6px;
}
.forum-post-tools a{
    color:#5d7888;
    font-size:9px;
    text-decoration:none;
}
.forum-post-tools a:hover{text-decoration:underline;}
.forum-inline-edit textarea{width:100%;box-sizing:border-box;}
@media(max-width:760px){
    .forum-category-row{grid-template-columns:1fr !important;}
    .forum-category-stats{justify-content:flex-start !important;}
    .forum-category-last{padding-left:0;border-left:0;}
    .forum-topic-row{grid-template-columns:26px minmax(0,1fr) 55px !important;}
    .forum-topic-last{display:none;}
    .forum-post{grid-template-columns:1fr !important;}
    .forum-post-user{align-items:flex-start;text-align:left;}
    .forum-post-avatar{width:54px;height:54px;}
}


/* =========================================================
   v0.15.4 – favicon + fórum olvasott/olvasatlan ikon
   ========================================================= */
.forum-topic-flags{
    position:relative;
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:3px;
    min-width:30px;
}

.forum-read-icon{
    position:relative;
    display:inline-block;
    width:27px;
    height:23px;
    flex:0 0 27px;
}

.forum-read-screen{
    position:absolute;
    left:1px;
    top:4px;
    width:25px;
    height:18px;
    border:2px solid #64748b;
    border-radius:6px;
    background:#eef2f5;
    transition:.14s ease;
}

.forum-read-screen::before,
.forum-read-screen::after{
    content:"";
    position:absolute;
    top:-7px;
    width:9px;
    height:2px;
    border-radius:99px;
    background:#64748b;
}

.forum-read-screen::before{
    left:4px;
    transform:rotate(42deg);
}

.forum-read-screen::after{
    right:4px;
    transform:rotate(-42deg);
}

.forum-read-play{
    position:absolute;
    left:11px;
    top:9px;
    z-index:2;
    width:0;
    height:0;
    border-top:4px solid transparent;
    border-bottom:4px solid transparent;
    border-left:6px solid #94a3b8;
}

.forum-read-icon.is-unread .forum-read-screen{
    border-color:#334155;
    background:#172033;
    box-shadow:0 0 0 2px rgba(124,58,237,.09),0 3px 8px rgba(31,41,55,.14);
}

.forum-read-icon.is-unread .forum-read-screen::before,
.forum-read-icon.is-unread .forum-read-screen::after{
    background:#475569;
}

.forum-read-icon.is-unread .forum-read-play{
    border-left-color:#7c3aed;
    filter:drop-shadow(0 0 3px rgba(124,58,237,.30));
}

.forum-read-icon.is-read{
    opacity:.58;
}

.forum-mini-flag{
    position:absolute;
    right:-3px;
    bottom:-3px;
    z-index:3;
    font-size:8px;
    line-height:1;
}


/* =========================================================
   v0.15.5 – Fórum kategória ikonok + olvashatóbb betűméret
   ========================================================= */

/* Kategóriáknál is ugyanaz az olvasott/olvasatlan TV ikon. */
.forum-category-row{
    grid-template-columns:34px minmax(0,1fr) 150px 220px !important;
}

.forum-category-status{
    display:flex;
    align-items:center;
    justify-content:center;
}

/* Fórum általános betűméretek – eddig túl aprók voltak. */
.forum-main-box,
.forum-category-list,
.forum-topic-list,
.forum-posts,
.forum-editor-box,
.forum-reply-box{
    font-size:13px !important;
}

.forum-category-main strong,
.forum-topic-main strong{
    font-size:13px !important;
    line-height:1.3 !important;
}

.forum-category-main small,
.forum-topic-main small{
    font-size:10.5px !important;
    line-height:1.4 !important;
}

.forum-category-stats{
    font-size:10.5px !important;
}

.forum-category-last strong{
    font-size:10.5px !important;
}

.forum-category-last small{
    font-size:9.5px !important;
}

.forum-topic-replies strong{
    font-size:14px !important;
}

.forum-topic-replies small,
.forum-topic-last small{
    font-size:9.5px !important;
}

.forum-topic-last strong{
    font-size:9.5px !important;
}

.forum-post-username{
    font-size:12.5px !important;
}

.forum-post-user > span,
.forum-post-user small{
    font-size:10px !important;
}

.forum-post-meta{
    font-size:10px !important;
}

.forum-post-text{
    font-size:12.5px !important;
    line-height:1.65 !important;
}

.forum-post-edited,
.forum-post-tools a{
    font-size:9.5px !important;
}

.forum-breadcrumb,
.forum-topic-replies{
    font-size:10px !important;
}

.forum-category-description{
    font-size:11px !important;
}

.forum-editor-form textarea,
.forum-reply-form textarea,
.forum-editor-form input,
.forum-editor-form select{
    font-size:12px !important;
}

@media(max-width:760px){
    .forum-category-row{
        grid-template-columns:30px minmax(0,1fr) !important;
    }

    .forum-category-stats,
    .forum-category-last{
        grid-column:2;
    }
}


/* =========================================================
   v0.15.6 – Naptár: saját / összes sorozat
   ========================================================= */

.calendar-scope-tabs{
    display:flex;
    gap:6px;
    margin-bottom:9px;
    padding-bottom:9px;
    border-bottom:1px solid #e1e4e3;
}

.calendar-scope-tabs a{
    display:inline-flex;
    align-items:center;
    min-height:31px;
    padding:6px 11px;
    border:1px solid #d5dcdf;
    border-radius:7px;
    background:#f8f8f5;
    color:#66777f !important;
    font-size:10.5px;
    font-weight:700;
    text-decoration:none !important;
}

.calendar-scope-tabs a:hover{
    border-color:#c4d1d7;
    background:#f7f1eb;
}

.calendar-scope-tabs a.active{
    border-color:#aebfca;
    background:#e3edf2;
    color:#315e7b !important;
    box-shadow:inset 0 -2px 0 #d87845;
}

/* =========================================================
   v0.16.0 – EGYSÉGES TIPOGRÁFIA
   ---------------------------------------------------------
   Ez a blokk tudatosan a stylesheet végén van, és az oldal
   teljes tipográfiáját egységesen felülírja.
   ========================================================= */

:root{
    --sk-font-body:14px;
    --sk-font-ui:13px;
    --sk-font-meta:12px;
    --sk-font-small:11px;
    --sk-font-title:14px;
    --sk-line-body:1.55;
    --sk-line-compact:1.35;
}

/* Alap szöveg és űrlapelemek */
html{
    font-size:16px;
}

body{
    font-size:var(--sk-font-body) !important;
    line-height:var(--sk-line-body) !important;
}

input,
select,
textarea,
button{
    font-size:var(--sk-font-ui) !important;
    line-height:1.35 !important;
}

.box-content{
    font-size:var(--sk-font-body) !important;
    line-height:var(--sk-line-body) !important;
}

.box-title,
.box-title > span:first-child{
    font-size:var(--sk-font-title) !important;
    line-height:1.3 !important;
}

.box-title .box-link{
    font-size:var(--sk-font-meta) !important;
}

/* Fejléc / navigáció */
.main-nav a{
    font-size:12px !important;
}

.modern-brand-text small,
.profile-menu-name,
.profile-dropdown a,
.profile-dropdown-head span,
.header-account{
    font-size:var(--sk-font-meta) !important;
}

/* Főoldal */
.external-news-title,
.premiere-show,
.shout-message{
    font-size:var(--sk-font-body) !important;
}

.shout-user,
.premiere-code,
.premiere-title,
.active-user-chip{
    font-size:var(--sk-font-ui) !important;
}

.shout-time,
.external-news-source,
.poll-total,
.active-users-total,
.shout-ajax-status{
    font-size:var(--sk-font-meta) !important;
}

/* Sorozataim / adatlap */
.myshows-tabs a,
.myshows-tabs a span,
.myshows-left-title span,
.inline-status-form button,
.detail-section-title span:last-child,
.panel-season summary span:last-child,
.panel-season-tools button,
.season summary span:last-child,
.season-action button,
.tvmaze-refresh,
.refresh-button,
.detail-refresh-inline,
.detail-refresh-form .refresh-button,
.meta-refresh-next,
.meta-refresh-button,
.series-move-link,
.season-arrow,
.series-next-days{
    font-size:var(--sk-font-meta) !important;
}

.show-panel .detail-years,
.myshows-right .detail-years,
.show-panel .detail-status,
.myshows-right .detail-status,
.panel-episode-code,
.panel-episode-date{
    font-size:var(--sk-font-meta) !important;
}

.detail-meta th,
.detail-meta td{
    font-size:var(--sk-font-ui) !important;
}

/* Felfedező */
.discover-filter-row label > span,
.discover-filter-row select,
.discover-filter-button,
.discover-clear,
.discover-add-hint,
.discover-current,
.discover-result-info,
.discover-pagination,
.discover-detail-add-form,
.discover-on-list,
.discover-detail-close{
    font-size:var(--sk-font-meta) !important;
}

.discover-cover-year{
    font-size:var(--sk-font-small) !important;
}

.discover-cover-name{
    font-size:var(--sk-font-ui) !important;
}

/* Naptár */
.calendar-scope-tabs a,
.calendar-tabs a,
.calendar-code,
.calendar-title,
.calendar-empty{
    font-size:var(--sk-font-meta) !important;
}

.calendar-day-head strong,
.calendar-show{
    font-size:var(--sk-font-ui) !important;
}

.calendar-day-head span,
.calendar-time{
    font-size:var(--sk-font-small) !important;
}

/* Profil */
.profile-role-badge,
.profile-joined-badge,
.profile-hero-meta,
.profile-summary-card span,
.profile-edit-form label{
    font-size:var(--sk-font-meta) !important;
}

.profile-edit-note{
    font-size:var(--sk-font-small) !important;
}

.profile-bio{
    font-size:var(--sk-font-body) !important;
    line-height:1.6 !important;
}

/* Fórum */
.forum-main-box,
.forum-category-list,
.forum-topic-list,
.forum-posts,
.forum-editor-box,
.forum-reply-box{
    font-size:var(--sk-font-body) !important;
}

.forum-category-main strong,
.forum-topic-main strong{
    font-size:var(--sk-font-body) !important;
    line-height:1.35 !important;
}

.forum-category-main small,
.forum-topic-main small,
.forum-category-stats,
.forum-category-last strong{
    font-size:var(--sk-font-meta) !important;
}

.forum-category-last small,
.forum-topic-replies small,
.forum-topic-last small,
.forum-topic-last strong,
.forum-post-user > span,
.forum-post-user small,
.forum-post-meta,
.forum-post-edited,
.forum-post-tools a,
.forum-breadcrumb,
.forum-topic-replies{
    font-size:var(--sk-font-small) !important;
}

.forum-post-username{
    font-size:var(--sk-font-ui) !important;
}

.forum-post-text{
    font-size:var(--sk-font-body) !important;
    line-height:1.65 !important;
}

.forum-category-description,
.forum-locked-note,
.forum-empty{
    font-size:var(--sk-font-meta) !important;
}

/* Wiki / támogatás / adatvédelem */
.support-card,
.support-card p,
.support-card li,
.support-purpose,
.support-note,
.privacy-content,
.privacy-content p,
.privacy-content li,
.wiki-content,
.wiki-content p,
.wiki-content li{
    font-size:var(--sk-font-body) !important;
    line-height:1.65 !important;
}

.support-card h2,
.support-card h3,
.support-section-title,
.privacy-content h2,
.privacy-content h3,
.wiki-content h2,
.wiki-content h3{
    font-size:15px !important;
    line-height:1.4 !important;
}

.support-note span,
.support-legal-note,
.privacy-note{
    font-size:var(--sk-font-meta) !important;
    line-height:1.55 !important;
}

/* Admin */
.admin-dashboard-head p,
.admin-quick-nav a,
.admin-note,
.admin-news-main span,
.admin-news-main p,
.admin-user-row,
.admin-quick-actions span{
    font-size:var(--sk-font-meta) !important;
}

.admin-stat-grid span{
    font-size:var(--sk-font-small) !important;
}

/* Auth */
.auth-links,
.auth-guest-button,
.auth-benefits span{
    font-size:var(--sk-font-meta) !important;
}

/* Footer */
.footer,
.footer-version{
    font-size:var(--sk-font-meta) !important;
}

/* Csak valóban apró ikon-jellegű elemek */
.profile-menu-chevron,
.forum-mini-flag{
    font-size:9px !important;
}



/* =========================================================
   v0.16.2 – Üzenőfal + közös emoji picker
   ========================================================= */

/* Avatar megszűnt az üzenőfalon. */
.modern-shout-row{
    display:block !important;
    min-height:0 !important;
    padding:9px 10px !important;
}

.shout-avatar{
    display:none !important;
}

.shout-meta{
    justify-content:flex-start !important;
    gap:10px !important;
}

.shout-time{
    color:#879298 !important;
    font-size:11px !important;
}

.shout-message{
    margin-top:3px;
}

/* Szerkesztés / törlés diszkréten az üzenet alatt. */
.shout-actions{
    display:flex;
    gap:8px;
    margin-top:5px;
}

.shout-actions button,
.shout-inline-edit button{
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#6d818c !important;
    font-size:10.5px !important;
    font-weight:600;
}

.shout-actions button:hover,
.shout-inline-edit button:hover{
    color:#c16e3d !important;
    text-decoration:underline;
}

.shout-delete-button{
    color:#a85d55 !important;
}

.shout-inline-edit{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:6px;
    align-items:center;
    margin-top:6px;
}

.shout-inline-edit input{
    min-width:0;
}

/* Emoji gomb a szövegmezőben. */
.shout-input-wrap{
    position:relative;
    min-width:0;
}

.shout-input-wrap input{
    width:100%;
    box-sizing:border-box;
    padding-right:40px !important;
}

.emoji-picker-button{
    position:absolute;
    top:50%;
    right:6px;
    transform:translateY(-50%);
    width:28px !important;
    min-width:28px !important;
    height:28px !important;
    min-height:28px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:6px !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#687b86 !important;
    font-size:18px !important;
    line-height:1 !important;
}

.emoji-picker-button:hover{
    background:#edf1f2 !important;
    color:#315e7b !important;
}

/* Újrahasználható emoji panel – fórumhoz is használható lesz. */
.emoji-picker-popover{
    position:absolute;
    z-index:100;
    right:0;
    bottom:42px;
    width:250px;
    padding:7px;
    border:1px solid #cfd8dc;
    border-radius:9px;
    background:#fffdf9;
    box-shadow:0 8px 24px rgba(34,52,61,.16);
}

.emoji-picker-popover[hidden]{
    display:none !important;
}

.emoji-picker-item{
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:6px !important;
    background:transparent !important;
    box-shadow:none !important;
    font-size:20px !important;
    line-height:1 !important;
}

.emoji-picker-item:hover{
    background:#edf2f4 !important;
}

@media(max-width:560px){
    .shout-inline-edit{
        grid-template-columns:1fr auto auto;
    }

    .emoji-picker-popover{
        width:220px;
    }
}


/* =========================================================
   v0.16.3 – Üzenőfal egysoros elrendezés
   ========================================================= */

.modern-shout-row{
    padding:8px 10px !important;
}

.shout-mainline{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    min-width:0;
}

.shout-left{
    display:flex;
    align-items:baseline;
    gap:3px;
    min-width:0;
    flex:1 1 auto;
}

.shout-user{
    flex:0 0 auto;
    font-weight:800 !important;
}

.shout-separator{
    flex:0 0 auto;
    color:#5d6d75;
    font-weight:700;
}

.shout-message{
    min-width:0;
    margin-top:0 !important;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.shout-right{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    flex:0 0 auto;
    white-space:nowrap;
}

.shout-time{
    font-size:11px !important;
}

.shout-actions{
    display:inline-flex !important;
    align-items:center;
    gap:5px;
    margin-top:0 !important;
}

.shout-action-sep{
    color:#a1a8ab;
    font-size:10px;
}

.shout-inline-edit{
    margin-top:7px;
}

@media(max-width:760px){
    .shout-mainline{
        align-items:flex-start;
        flex-direction:column;
        gap:4px;
    }

    .shout-right{
        width:100%;
        justify-content:space-between;
    }

    .shout-message{
        white-space:normal;
    }
}


/* =========================================================
   v0.16.4 – Üzenőfal 30 üzenet + Statisztika/Aktív egy sorban
   ========================================================= */

/* A listában legfeljebb 30 üzenet van, kb. 7 sor magassága látszik. */
#shoutbox-messages.modern-shoutbox{
    display:block !important;
    max-height:285px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    scrollbar-gutter:stable;
}

#shoutbox-messages .modern-shout-row{
    min-height:40px !important;
}

/* Statisztika és Aktív felhasználók egymás mellett. */
.home-stats-active-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:12px !important;
    align-items:stretch !important;
}

.home-stats-active-row > .box{
    margin:0 !important;
    min-width:0;
}

.home-stats-active-row .home-active-box .box-content{
    height:calc(100% - 37px);
    box-sizing:border-box;
}

@media(max-width:820px){
    .home-stats-active-row{
        grid-template-columns:1fr !important;
    }
}


/* =========================================================
   v0.16.5 – Főoldali közösségi boxok helyreállítása
   ========================================================= */

/* A Statisztika marad a jobb oldali oszlopban, a Szavazás alatt. */
.home-stats-active-row{
    display:contents !important;
}

/* Aktív felhasználók közvetlenül az Üzenőfal alatt. */
.home-community-main > .home-active-box{
    margin-top:12px !important;
    margin-bottom:0 !important;
}

.home-community-main > .home-active-box .box-content{
    height:auto !important;
}


/* =========================================================
   v0.16.6 – Üzenőfal / jobb oldali boxok magasság igazítás
   ========================================================= */

/* Jobb oldalon: Szavazás, Statisztika, Aktív felhasználók egymás alatt. */
.home-community-side{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
}

/* Bal oldali közösségi oszlop töltse ki a jobb oldal teljes magasságát. */
.home-community-main{
    display:flex !important;
    flex-direction:column !important;
    min-height:100% !important;
}

/* Az Üzenőfal nyúljon le az Aktív felhasználók box aljáig. */
.home-community-main > .home-shout-box{
    display:flex !important;
    flex-direction:column !important;
    flex:1 1 auto !important;
    min-height:0 !important;
    margin-bottom:0 !important;
}

.home-community-main > .home-shout-box > .box-content{
    display:flex !important;
    flex-direction:column !important;
    flex:1 1 auto !important;
    min-height:0 !important;
}

/* A görgethető üzenetlista töltse ki a rendelkezésre álló helyet. */
#shoutbox-messages.modern-shoutbox{
    flex:1 1 auto !important;
    max-height:none !important;
    min-height:285px !important;
    overflow-y:auto !important;
}

/* Aktív felhasználók ismét a Statisztika alatt. */
.home-community-side > .home-active-box{
    margin:0 !important;
}

/* A két oszlop legyen egyforma magas. */
.home-community-grid{
    align-items:stretch !important;
}

@media(max-width:820px){
    .home-community-main > .home-shout-box{
        flex:none !important;
    }

    #shoutbox-messages.modern-shoutbox{
        max-height:285px !important;
        min-height:0 !important;
    }
}


/* =========================================================
   v0.16.7 – Üzenőfal pontos magasság-illesztés
   ========================================================= */

.home-community-main{
    display:block !important;
    min-height:0 !important;
}

.home-community-main > .home-shout-box{
    display:flex !important;
    flex-direction:column !important;
    flex:none !important;
    min-height:0 !important;
    margin-bottom:0 !important;
}

.home-community-main > .home-shout-box > .box-content{
    display:flex !important;
    flex-direction:column !important;
    flex:1 1 auto !important;
    min-height:0 !important;
}

#shoutbox-messages.modern-shoutbox{
    flex:1 1 auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow-y:auto !important;
}

@media(max-width:820px){
    .home-community-main > .home-shout-box{
        height:auto !important;
    }

    #shoutbox-messages.modern-shoutbox{
        max-height:285px !important;
    }
}


/* =========================================================
   v0.16.8 – Üzenőfal kompakt magasság
   ========================================================= */

/*
 * Nem igazítjuk többé a teljes jobb oldali oszlophoz.
 * Az Üzenőfal marad kompakt, a 30 üzenet görgetéssel érhető el.
 */
.home-community-main > .home-shout-box{
    height:auto !important;
    min-height:0 !important;
    flex:none !important;
}

.home-community-main > .home-shout-box > .box-content{
    height:auto !important;
    min-height:0 !important;
    flex:none !important;
}

#shoutbox-messages.modern-shoutbox{
    height:250px !important;
    min-height:250px !important;
    max-height:250px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    flex:none !important;
}

@media(max-width:820px){
    #shoutbox-messages.modern-shoutbox{
        height:250px !important;
        min-height:250px !important;
        max-height:250px !important;
    }
}


/* =========================================================
   v0.16.9 – Üzenőfal kb. 15 látható üzenettel
   ========================================================= */

#shoutbox-messages.modern-shoutbox{
    height:600px !important;
    min-height:600px !important;
    max-height:600px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
}

@media(max-width:820px){
    #shoutbox-messages.modern-shoutbox{
        height:500px !important;
        min-height:500px !important;
        max-height:500px !important;
    }
}


/* =========================================================
   v0.17.0 – Sorozat eltávolítása a saját listáról
   ========================================================= */

.detail-head-actions{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    flex-wrap:wrap;
}

.remove-show-form{
    margin:0 !important;
}

.remove-show-button{
    border:1px solid #d7b7b3 !important;
    background:#fff7f6 !important;
    color:#a54f47 !important;
    font-size:12px !important;
    font-weight:700 !important;
}

.remove-show-button:hover{
    border-color:#c9958f !important;
    background:#fbecea !important;
    color:#8f3e37 !important;
}


/* =========================================================
   v0.17.1 – „Törlés a listámról” az adatlap legalján
   ========================================================= */

.detail-head-actions .remove-show-form{
    display:none !important;
}

.remove-show-bottom{
    display:flex;
    justify-content:flex-end;
    margin-top:16px;
    padding-top:10px;
    border-top:1px solid #e4e8ea;
}

.remove-show-bottom .remove-show-form{
    margin:0 !important;
}

.remove-show-bottom .remove-show-button{
    border:0 !important;
    background:transparent !important;
    padding:0 !important;
    min-height:0 !important;
    color:#a85d55 !important;
    font-size:11px !important;
    font-weight:600 !important;
    box-shadow:none !important;
}

.remove-show-bottom .remove-show-button:hover{
    background:transparent !important;
    color:#8f3e37 !important;
    text-decoration:underline;
}

/* v0.17.2 – törlés a metaadat-táblázatban */
.remove-show-bottom{display:none !important;}
.meta-remove-form{display:inline;margin:0 !important;}
.meta-remove-link{
 min-height:0 !important;padding:0 !important;border:0 !important;
 background:transparent !important;box-shadow:none !important;
 color:inherit !important;font:inherit !important;font-weight:600 !important;cursor:pointer;
}
.meta-remove-link:hover{background:transparent !important;color:inherit !important;text-decoration:underline;}


/* =========================================================
   v0.17.3 – Metaadat sorok vizuális javítása
   ========================================================= */

/* A „Törlés a listámról” nézzen ki valódi szöveges linknek,
   és semmilyen globális button:hover szabály ne adhasson neki hátteret. */
.meta-remove-link,
.meta-remove-link:hover,
.meta-remove-link:focus,
.meta-remove-link:active{
    appearance:none !important;
    -webkit-appearance:none !important;
    display:inline !important;
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    background:none !important;
    background-color:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    color:#53656e !important;
    font:inherit !important;
    font-weight:600 !important;
    line-height:inherit !important;
}

.meta-remove-link:hover{
    color:#315e7b !important;
    text-decoration:underline !important;
}

/* Utoljára frissítve: a dátum legyen a többi metaadat normál színével azonos. */
.meta-refresh-time,
.meta-refresh-time .meta-refresh-relative{
    color:#53656e !important;
}

.meta-refresh-relative{
    opacity:.78;
}


/* =========================================================
   v0.17.4 – Főoldal: Szavazás / Statisztika / Aktív 3 oszlop
   ========================================================= */

.home-info-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px;
    align-items:stretch;
    margin-top:12px;
}

.home-info-grid > .box{
    margin:0 !important;
    min-width:0;
    height:100%;
}

.home-info-grid > .box > .box-content{
    box-sizing:border-box;
}

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


/* =========================================================
   v0.17.5 – Főoldal egyszerűsítés
   ========================================================= */

/* A Szavazás és Aktív felhasználók lekerült a főoldalról.
   A Statisztika teljes szélességben jelenik meg a Hírek / Mai premierek alatt. */
.home-info-grid{
    display:none !important;
}

.home-stats-wide{
    margin-top:12px;
}

.home-stats-wide > .box{
    width:100%;
    margin:0 !important;
}

.home-stats-wide .stats-list{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
}

.home-stats-wide .stats-list > div{
    padding:9px 12px;
}

@media(max-width:760px){
    .home-stats-wide .stats-list{
        grid-template-columns:1fr;
    }
}


/* =========================================================
   v0.17.6 – Kompakt főoldali statisztika
   ========================================================= */

.home-stats-wide{
    margin-top:10px !important;
}

.home-stats-wide > .box{
    max-width:none !important;
}

.home-stats-wide .box-title{
    min-height:30px !important;
    padding:5px 10px !important;
}

.home-stats-wide .stats-list{
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:0 !important;
    padding:0 !important;
}

.home-stats-wide .stats-list > div{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:2px !important;
    min-height:52px !important;
    padding:7px 8px !important;
    border-right:1px solid #e3e6e5;
    border-bottom:0 !important;
    text-align:center;
}

.home-stats-wide .stats-list > div:last-child{
    border-right:0;
}

.home-stats-wide .stats-list span{
    font-size:11px !important;
    line-height:1.2 !important;
}

.home-stats-wide .stats-list strong{
    font-size:15px !important;
    line-height:1.1 !important;
}

@media(max-width:900px){
    .home-stats-wide .stats-list{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }

    .home-stats-wide .stats-list > div:nth-child(3n){
        border-right:0;
    }

    .home-stats-wide .stats-list > div{
        border-bottom:1px solid #e3e6e5 !important;
    }
}

@media(max-width:560px){
    .home-stats-wide .stats-list{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .home-stats-wide .stats-list > div:nth-child(3n){
        border-right:1px solid #e3e6e5;
    }

    .home-stats-wide .stats-list > div:nth-child(2n){
        border-right:0;
    }
}

/* v0.17.8 – Privát üzenetek */
.pm-tabs{display:flex;gap:8px;margin-bottom:12px;border-bottom:1px solid #dfe4e6}.pm-tabs a{padding:7px 11px;text-decoration:none;font-weight:700;color:#60727b}.pm-tabs a.active{color:#315e7b;border-bottom:2px solid #315e7b}
.pm-list{display:flex;flex-direction:column}.pm-row{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border-bottom:1px solid #e6e9ea;text-decoration:none;color:inherit}.pm-row:hover{background:#f5f7f7}.pm-row.unread{background:#f3f7f9}.pm-row.unread strong{font-weight:800}.pm-person{font-weight:700}.pm-date{font-size:11px;color:#7b898f;white-space:nowrap}
.pm-compose-form{display:flex;flex-direction:column;gap:12px}.pm-compose-form label{display:flex;flex-direction:column;gap:5px;font-weight:700}.pm-compose-form textarea{resize:vertical;min-height:170px}.pm-compose-actions{display:flex;justify-content:flex-end;gap:8px;position:relative}.pm-emoji-button{position:static!important;transform:none!important}
.pm-read-meta{display:flex;gap:8px;align-items:center;padding-bottom:10px;border-bottom:1px solid #e3e7e8}.pm-read-meta span{margin-left:auto;color:#7b898f;font-size:11px}.pm-read-body{padding:18px 4px;line-height:1.65}.pm-read-actions{display:flex;gap:12px;align-items:center;border-top:1px solid #e3e7e8;padding-top:10px}.pm-read-actions form{margin:0}.pm-delete{background:transparent!important;color:#60727b!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important}.pm-delete:hover{text-decoration:underline}
@media(max-width:700px){.pm-row{grid-template-columns:1fr}.pm-date{white-space:normal}.pm-read-meta{flex-direction:column;align-items:flex-start}.pm-read-meta span{margin-left:0}}


/* =========================================================
   v0.18.0 – Privát üzenetek a profil lenyíló menüben
   ========================================================= */

.profile-messages-link{
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.profile-message-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:19px;
    height:19px;
    padding:0 6px;
    border-radius:999px;
    background:#315e7b;
    color:#fff !important;
    font-size:10px !important;
    font-weight:800 !important;
    line-height:1 !important;
}

.profile-messages-link:hover .profile-message-badge{
    background:#274d66;
}


/* =========================================================
   v0.18.3 – Kapcsolat + admin üzenetkezelés
   ========================================================= */

.contact-box{
    max-width:760px;
    margin-left:auto;
    margin-right:auto;
}

.contact-intro{
    margin-bottom:14px;
    color:#53656e;
    font-size:14px;
    line-height:1.55;
}

.contact-login-note{
    padding:14px;
    border:1px solid #dce3e5;
    border-radius:8px;
    background:#faf9f5;
}

.contact-account{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-bottom:12px;
}

.contact-account > div{
    padding:9px 10px;
    border:1px solid #dfe4e6;
    border-radius:7px;
    background:#f7f8f7;
}

.contact-account span{
    display:block;
    margin-bottom:3px;
    color:#7b888e;
    font-size:11px;
}

.contact-account strong{
    color:#465c67;
    font-size:13px;
}

.contact-form{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.contact-form label{
    display:flex;
    flex-direction:column;
    gap:5px;
}

.contact-form label > span{
    font-weight:700;
}

.contact-form textarea{
    min-height:180px;
    resize:vertical;
}

.contact-form-actions{
    display:flex;
    justify-content:flex-end;
}

/* Admin */
.contact-admin-layout{
    display:grid;
    grid-template-columns:minmax(300px,.9fr) minmax(0,1.6fr);
    gap:12px;
    align-items:start;
}

.contact-admin-list{
    display:flex;
    flex-direction:column;
}

.contact-admin-row{
    display:block;
    padding:9px 10px;
    border-bottom:1px solid #e5e8e8;
    color:inherit !important;
    text-decoration:none !important;
}

.contact-admin-row:hover,
.contact-admin-row.active{
    background:#f3f6f7;
}

.contact-admin-row.unread{
    border-left:3px solid #315e7b;
    background:#f2f7f9;
}

.contact-admin-row-main,
.contact-admin-row-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.contact-admin-row-main strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
}

.contact-admin-row-main span,
.contact-admin-row-meta{
    font-size:10.5px;
}

.contact-admin-row-meta{
    margin-top:4px;
    color:#7a878d;
}

.contact-admin-message-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding-bottom:10px;
    border-bottom:1px solid #e4e8e9;
}

.contact-admin-message-head h2{
    margin:0;
    font-size:16px;
}

.contact-admin-message-head > span{
    padding:4px 7px;
    border-radius:6px;
    background:#e9f0f3;
    color:#496978;
    font-size:10.5px;
    font-weight:700;
}

.contact-admin-user{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin:12px 0;
}

.contact-admin-user > div{
    padding:8px 9px;
    border:1px solid #e1e5e6;
    border-radius:7px;
    background:#fafaf7;
}

.contact-admin-user span{
    display:block;
    margin-bottom:3px;
    color:#7d898e;
    font-size:10.5px;
}

.contact-admin-user strong,
.contact-admin-user a{
    font-size:11.5px;
}

.contact-admin-message-body{
    min-height:130px;
    padding:14px 4px;
    font-size:14px;
    line-height:1.65;
}

.contact-admin-actions{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
    padding-top:10px;
    border-top:1px solid #e4e8e9;
}

.contact-admin-actions form{
    margin:0;
}

.contact-admin-actions a,
.contact-admin-link-button{
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#536b78 !important;
    font-size:11px !important;
    font-weight:700;
    text-decoration:none;
}

.contact-admin-actions a:hover,
.contact-admin-link-button:hover{
    background:transparent !important;
    text-decoration:underline;
}

@media(max-width:850px){
    .contact-admin-layout{
        grid-template-columns:1fr;
    }

    .contact-admin-user{
        grid-template-columns:1fr;
    }
}

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


/* =========================================================
   v0.18.5 – Adatlap műveleti linkek egységesítése
   ========================================================= */

/* A listáról törlés és a frissítés ugyanazt a link-megjelenést használja,
   mint a metaadat-táblázat normál linkjei (pl. Csatorna / Platform). */
.show-meta-table .meta-remove-link,
.show-meta-table .meta-remove-link:visited,
.show-meta-table .detail-refresh-form button,
.show-meta-table .detail-refresh-form button:visited{
    appearance:none !important;
    -webkit-appearance:none !important;
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    color:inherit !important;
    font:inherit !important;
    font-weight:inherit !important;
    line-height:inherit !important;
    text-decoration:none !important;
    cursor:pointer;
}

.show-meta-table .meta-remove-link:hover,
.show-meta-table .meta-remove-link:focus,
.show-meta-table .detail-refresh-form button:hover,
.show-meta-table .detail-refresh-form button:focus{
    background:transparent !important;
    box-shadow:none !important;
    color:inherit !important;
    text-decoration:underline !important;
}


/* =========================================================
   v0.18.6 – Sorozataim meta linkek PONTOS egységesítése
   ========================================================= */

/* Forrásstílus: .detail-meta a
   color: #356f93; hover: #274f69.
   A két művelet button, ezért minden button-specifikus eltérést lenullázunk. */
.detail-meta .meta-remove-link,
.detail-meta .meta-refresh-link{
    appearance:none !important;
    -webkit-appearance:none !important;
    display:inline !important;
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    background:none !important;
    background-color:transparent !important;
    background-image:none !important;
    box-shadow:none !important;

    color:#356f93 !important;
    font-family:inherit !important;
    font-size:inherit !important;
    font-style:normal !important;
    font-weight:400 !important;
    line-height:inherit !important;
    letter-spacing:inherit !important;
    text-decoration:none !important;
    text-shadow:none !important;
    vertical-align:baseline !important;
    cursor:pointer !important;
}

.detail-meta .meta-remove-link:hover,
.detail-meta .meta-remove-link:focus,
.detail-meta .meta-remove-link:active,
.detail-meta .meta-refresh-link:hover,
.detail-meta .meta-refresh-link:focus,
.detail-meta .meta-refresh-link:active{
    color:#274f69 !important;
    background:none !important;
    background-color:transparent !important;
    box-shadow:none !important;
    text-decoration:none !important;
}

/* A Frissítés alatti régi külön gomb ne térjen el, ha még megjelenik. */
.detail-refresh-form .refresh-button{
    color:#356f93 !important;
}


/* =========================================================
   v0.18.7 – Meta műveleti linkek félkövéren
   ========================================================= */

.detail-meta .meta-remove-link,
.detail-meta .meta-refresh-link{
    font-weight:700 !important;
}


/* =========================================================
   v0.19.1 – Sorozatjelzések színe
   ========================================================= */
/* A Sorozataim-lista jelzései ugyanazt a pirosat használják,
   mint a Wiki mintái. */


/* =========================================================
   v0.19.2 – Sorozatjelzések: pontos Wiki-megjelenés
   ========================================================= */

/* Megnézetlen epizód jelzése – pontosan ugyanaz, mint .wiki-dot */
.series-unwatched-dot{
    display:inline-block !important;
    width:10px !important;
    height:10px !important;
    border-radius:50% !important;
    background:#d63c3c !important;
    box-shadow:0 0 4px rgba(214,60,60,.45) !important;
}

/* Következő epizód napjelzése – pontosan ugyanaz, mint .wiki-days */
.series-next-days{
    color:#d63c3c !important;
    font-weight:bold !important;
    font-size:11px !important;
}


/* v0.19.3 – X nap jelzés kicsit nagyobb */
.series-next-days{
    font-size:12px !important;
}


/* =========================================================
   v0.19.4 – Sorozatjelzések finomhangolása
   ========================================================= */

/* Megnézetlen epizód: kisebb piros pont */
.series-unwatched-dot{
    width:8px !important;
    height:8px !important;
}

/* Következő epizód: sötétebb narancssárga */
.series-next-days{
    color:#c66a22 !important;
    font-size:12px !important;
    font-weight:700 !important;
}


/* v0.19.5 – Mindkét sorozatjelzés azonos sötétebb narancssárga */
.series-unwatched-dot{
    background:#c66a22 !important;
    box-shadow:0 0 4px rgba(198,106,34,.45) !important;
}


/* v0.19.6 – X nap jelzés finom narancssárga árnyéka */
.series-next-days{
    text-shadow:0 0 3px rgba(198,106,34,.30) !important;
}


/* v0.19.7 – Sorozatjelzések árnyék nélkül */
.series-unwatched-dot{
    box-shadow:none !important;
}
.series-next-days{
    text-shadow:none !important;
}


/* v0.19.8 – Naptár fejléc hover színe maradjon változatlan */
.calendar-head a:hover,
.calendar-head a:focus,
.calendar-head a:active,
.calendar-title a:hover,
.calendar-title a:focus,
.calendar-title a:active,
.calendar-range a:hover,
.calendar-range a:focus,
.calendar-range a:active{
    color:inherit !important;
}


/* =========================================================
   v0.19.9 – Naptár fejléc + borító hover javítás
   ========================================================= */

/* A jobb oldali időszak-felirat (pl. Következő 7 nap)
   mindig fehér maradjon. */
.calendar-box .box-title .box-link,
.calendar-box .box-title .box-link:visited,
.calendar-box .box-title .box-link:hover,
.calendar-box .box-title .box-link:focus,
.calendar-box .box-title .box-link:active{
    color:#fff !important;
    text-decoration:none !important;
}

/* A naptár kis sorozatborítója ne kapjon narancssárga
   hover/focus kijelölést. */
.calendar-thumb,
.calendar-thumb:hover,
.calendar-episode-row:hover .calendar-thumb,
.calendar-episode-row:focus .calendar-thumb,
.calendar-episode-row:focus-visible .calendar-thumb{
    box-shadow:0 5px 14px rgba(41,79,107,.12) !important;
    outline:none !important;
    transform:none !important;
}

.calendar-episode-row:focus,
.calendar-episode-row:focus-visible{
    outline:none !important;
}


/* =========================================================
   v0.20.0 – Felfedező fejléc + borító hover
   ========================================================= */

/* A jobb oldali darabszám mindig sima fehér legyen. */
.discover-box .box-title .box-link,
.discover-box .box-title .box-link:visited,
.discover-box .box-title .box-link:hover,
.discover-box .box-title .box-link:focus,
.discover-box .box-title .box-link:active{
    color:#fff !important;
    text-decoration:none !important;
}

/* A Felfedező borítói ne kapjanak narancssárga hover/focus keretet. */
.discover-cover-link:hover .discover-cover-image,
.discover-cover-link:focus .discover-cover-image,
.discover-cover-link:focus-visible .discover-cover-image{
    box-shadow:0 8px 20px rgba(31,41,55,.12) !important;
    outline:none !important;
    transform:none !important;
}

.discover-cover-link:focus,
.discover-cover-link:focus-visible{
    outline:none !important;
}


/* =========================================================
   v0.20.1 – Felfedező fejléc számláló végleges javítása
   ========================================================= */

.discover-box > .box-title .box-link,
.discover-box > .box-title .box-link:visited,
.discover-box > .box-title .box-link:hover,
.discover-box > .box-title .box-link:focus,
.discover-box > .box-title .box-link:active{
    color:#fff !important;
    text-decoration:none !important;
    text-shadow:none !important;
}


/* v0.20.9 – Bejelentkezett felhasználó e-mail címe csak kijelzés */
.contact-email-static{
    user-select:none;
    -webkit-user-select:none;
    cursor:default;
}


/* =========================================================
   v0.21.0 – Támogatás oldal
   ========================================================= */

.support-box{
    max-width:850px;
    margin-left:auto;
    margin-right:auto;
}

.support-content{
    padding:20px !important;
}

.support-intro{
    max-width:690px;
    margin:0 auto 18px;
    text-align:center;
}

.support-intro h1{
    margin:0 0 8px;
    color:#294f6b;
    font-size:21px;
    line-height:1.25;
}

.support-intro p{
    margin:0;
    color:#596970;
    font-size:14px;
    line-height:1.6;
}

.support-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin:18px 0;
}

.support-card{
    padding:15px 16px;
    border:1px solid #d9e0e3;
    border-radius:9px;
    background:#fafbf9;
}

.support-card > strong{
    display:block;
    margin-bottom:9px;
    color:#355d73;
    font-size:14px;
}

.support-card p{
    margin:0;
    color:#5a686e;
    font-size:13px;
    line-height:1.55;
}

.support-purpose-list{
    display:flex;
    flex-direction:column;
    gap:7px;
}

.support-purpose-list span{
    position:relative;
    padding-left:16px;
    color:#52636b;
    font-size:13px;
    line-height:1.45;
}

.support-purpose-list span::before{
    content:"•";
    position:absolute;
    left:2px;
    color:#c66a22;
    font-weight:700;
}

.support-action{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:7px;
    margin:22px 0 14px;
    text-align:center;
}

.support-action .support-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:190px;
    padding:9px 17px;
    border:1px solid #294f6b;
    border-radius:7px;
    background:#315e7b;
    color:#fff !important;
    font-size:13px;
    font-weight:700;
    text-decoration:none !important;
}

.support-action .support-button:hover{
    background:#294f6b;
    color:#fff !important;
}

.support-action > span{
    color:#7a878c;
    font-size:11px;
}

.support-link-missing{
    padding:10px 14px;
    border:1px solid #dce2e4;
    border-radius:7px;
    background:#f7f8f6;
    color:#66767d;
    font-size:13px;
}

.support-thanks{
    margin-top:16px;
    padding-top:14px;
    border-top:1px solid #e1e5e5;
    color:#738087;
    font-size:12px;
    text-align:center;
}

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

    .support-content{
        padding:15px !important;
    }
}


/* v0.21.3 – Egyéb támogatási módok */
.support-other{
    margin:16px auto 0;
    color:#65757c;
    font-size:12px;
    line-height:1.5;
    text-align:center;
}
.support-other a{
    color:#294f6b;
    font-weight:700;
}


/* v0.21.6 – Támogatás bevezető kiemelése */
.support-intro p{
    font-size:16px !important;
    line-height:1.6;
}


/* =========================================================
   v0.21.7 – Fejléc: nicknév + ikonok, legördülő nélkül
   ========================================================= */

.header-user-tools{
    display:flex;
    align-items:center;
    gap:7px;
}

.header-username{
    margin-right:3px;
    color:#fff !important;
    font-size:13px;
    font-weight:700;
    text-decoration:none !important;
    white-space:nowrap;
}

.header-username:hover,
.header-username:focus{
    color:#fff !important;
    text-decoration:underline !important;
}

.header-tool-icon{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:31px;
    height:31px;
    border:1px solid rgba(255,255,255,.20);
    border-radius:7px;
    background:rgba(255,255,255,.08);
    color:#fff !important;
    font-size:15px;
    line-height:1;
    text-decoration:none !important;
    cursor:pointer;
}

.header-tool-icon:hover,
.header-tool-icon:focus{
    border-color:rgba(255,255,255,.30);
    background:rgba(255,255,255,.14);
    color:#fff !important;
    text-decoration:none !important;
    outline:none;
}

.header-tool-icon::after{
    content:attr(data-tooltip);
    position:absolute;
    top:calc(100% + 8px);
    left:50%;
    z-index:1000;
    transform:translateX(-50%) translateY(-2px);
    padding:5px 7px;
    border-radius:5px;
    background:#243f51;
    color:#fff;
    font-size:10px;
    font-weight:600;
    line-height:1;
    white-space:nowrap;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .12s ease, transform .12s ease, visibility .12s ease;
    box-shadow:0 3px 8px rgba(0,0,0,.18);
}

.header-tool-icon::before{
    content:"";
    position:absolute;
    top:calc(100% + 3px);
    left:50%;
    z-index:1001;
    transform:translateX(-50%);
    border-width:0 4px 5px;
    border-style:solid;
    border-color:transparent transparent #243f51 transparent;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .12s ease, visibility .12s ease;
}

.header-tool-icon:hover::after,
.header-tool-icon:hover::before,
.header-tool-icon:focus::after,
.header-tool-icon:focus::before{
    opacity:1;
    visibility:visible;
}

.header-tool-icon:hover::after,
.header-tool-icon:focus::after{
    transform:translateX(-50%) translateY(0);
}

.header-tool-badge{
    position:absolute;
    top:-5px;
    right:-5px;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:17px;
    height:17px;
    padding:0 4px;
    border:2px solid #315e7b;
    border-radius:999px;
    background:#c66a22;
    color:#fff;
    font-size:9px;
    font-weight:800;
    line-height:1;
}

.header-tool-logout{
    margin-left:1px;
}

@media(max-width:620px){
    .header-user-tools{
        gap:5px;
    }

    .header-username{
        max-width:110px;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .header-tool-icon{
        width:29px;
        height:29px;
    }
}


/* v0.21.8 – Egységes körvonalas profil ikon */
.header-profile-svg{
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}


/* =========================================================
   v0.21.9 – Privát üzenetek lista
   ========================================================= */

/* A teljes üzenetsor már nem link, ezért nincs narancssárga
   link/hover aláhúzás vagy kijelölés. */
.pm-list .pm-row{
    text-decoration:none !important;
    cursor:default;
}

.pm-list .pm-row:hover{
    text-decoration:none !important;
}

/* Csak a felhasználónév és a Beszélgetés megnyitása kattintható. */
.pm-list .pm-person,
.pm-list .pm-open-link{
    text-decoration:none !important;
}

.pm-list .pm-person:hover,
.pm-list .pm-open-link:hover{
    text-decoration:underline !important;
}

/* A beszélgetés linkje normál oldalszínű, ne kapjon narancssárga kiemelést. */
.pm-list .pm-open-link,
.pm-list .pm-open-link:visited,
.pm-list .pm-open-link:hover,
.pm-list .pm-open-link:focus,
.pm-list .pm-open-link:active{
    color:#294f6b !important;
}


/* =========================================================
   v0.22.0 – Privát üzenetek egyszerűsítése
   ========================================================= */

/* Nincs külön Beérkezett / Elküldött fül. */
.pm-tabs{
    display:none !important;
}

.pm-list-head{
    margin-bottom:8px;
    padding-bottom:8px;
    border-bottom:1px solid #e2e6e7;
    color:#61717a;
    font-size:12px;
    font-weight:700;
}

/* Üzenetlistában ne legyen narancssárga hover. */
.pm-list .pm-person,
.pm-list .pm-person:visited,
.pm-list .pm-person:hover,
.pm-list .pm-person:focus,
.pm-list .pm-person:active,
.pm-list .pm-open-link,
.pm-list .pm-open-link:visited,
.pm-list .pm-open-link:hover,
.pm-list .pm-open-link:focus,
.pm-list .pm-open-link:active{
    color:#294f6b !important;
}

.pm-list .pm-person:hover,
.pm-list .pm-open-link:hover{
    text-decoration:underline !important;
}

/* Megnyitott beszélgetés: Válasz és Törlés ne váltson narancssárgára. */
.pm-read-actions a,
.pm-read-actions a:visited,
.pm-read-actions a:hover,
.pm-read-actions a:focus,
.pm-read-actions a:active,
.pm-read-actions .pm-delete,
.pm-read-actions .pm-delete:hover,
.pm-read-actions .pm-delete:focus,
.pm-read-actions .pm-delete:active{
    color:#294f6b !important;
    background:transparent !important;
    background-image:none !important;
    border-color:transparent !important;
    box-shadow:none !important;
    text-decoration:none !important;
}

.pm-read-actions a:hover,
.pm-read-actions .pm-delete:hover{
    text-decoration:underline !important;
}


/* =========================================================
   v0.22.2 – Privát üzenetek valódi beszélgetésként
   ========================================================= */
.pm-conversation-with{
    margin-bottom:14px;
    padding-bottom:10px;
    border-bottom:1px solid #e1e5e6;
    color:#65757c;
    font-size:12px;
}
.pm-conversation-with a{
    margin-left:4px;
    font-weight:700;
    text-decoration:none !important;
}
.pm-thread{
    display:flex;
    flex-direction:column;
    gap:9px;
    margin-bottom:18px;
}
.pm-thread-message{
    padding:10px 12px;
    border:1px solid #dde3e5;
    border-radius:8px;
    background:#fafbf9;
}
.pm-thread-message.mine{
    margin-left:42px;
}
.pm-thread-message.theirs{
    margin-right:42px;
}
.pm-thread-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:6px;
    font-size:11px;
}
.pm-thread-meta a{
    font-weight:700;
    text-decoration:none !important;
}
.pm-thread-meta span{
    color:#899398;
}
.pm-thread-body{
    color:#3f4e55;
    font-size:13px;
    line-height:1.55;
    overflow-wrap:anywhere;
}
.pm-thread-reply{
    padding-top:14px;
    border-top:1px solid #e1e5e6;
}
.pm-thread-reply label > span{
    display:block;
    margin-bottom:6px;
    color:#52646c;
    font-size:12px;
    font-weight:700;
}
@media(max-width:620px){
    .pm-thread-message.mine{margin-left:15px;}
    .pm-thread-message.theirs{margin-right:15px;}
}


/* =========================================================
   v0.22.3 – Egyedi privát üzenet törlése
   ========================================================= */

.pm-thread-message-actions{
    display:flex;
    justify-content:flex-end;
    margin-top:7px;
    padding-top:6px;
    border-top:1px solid rgba(80,100,110,.10);
}

.pm-thread-message-actions form{
    margin:0;
}

.pm-message-delete,
.pm-message-delete:hover,
.pm-message-delete:focus,
.pm-message-delete:active{
    appearance:none !important;
    -webkit-appearance:none !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    color:#6a7a82 !important;
    font:inherit !important;
    font-size:10.5px !important;
    font-weight:600 !important;
    line-height:1.2 !important;
    text-decoration:none !important;
    cursor:pointer;
}

.pm-message-delete:hover,
.pm-message-delete:focus{
    color:#294f6b !important;
    text-decoration:underline !important;
}


/* =========================================================
   v0.22.4 – Teljes privát beszélgetés törlése
   ========================================================= */

.pm-conversation-with{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.pm-conversation-delete-form{
    margin:0;
}

.pm-conversation-delete,
.pm-conversation-delete:hover,
.pm-conversation-delete:focus,
.pm-conversation-delete:active{
    appearance:none !important;
    -webkit-appearance:none !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    color:#60717a !important;
    font:inherit !important;
    font-size:11px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    cursor:pointer;
}

.pm-conversation-delete:hover,
.pm-conversation-delete:focus{
    color:#294f6b !important;
    text-decoration:underline !important;
}

/* Az egyedi üzenettörlés már nincs használatban. */
.pm-thread-message-actions{
    display:none !important;
}

@media(max-width:620px){
    .pm-conversation-with{
        align-items:flex-start;
        flex-direction:column;
    }
}


/* =========================================================
   v0.22.6 – Személyes Barátok rendszer
   ========================================================= */

.header-friends-svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.profile-title-actions{
    display:flex;
    align-items:center;
    gap:12px;
}

.profile-friend-form{
    margin:0;
}

.profile-title-link,
.profile-title-link:hover,
.profile-title-link:focus,
.profile-title-link:active{
    appearance:none !important;
    -webkit-appearance:none !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    color:#fff !important;
    font:inherit !important;
    font-size:11px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    cursor:pointer;
}

.profile-title-link:hover{
    text-decoration:underline !important;
}

.friends-list{
    display:flex;
    flex-direction:column;
}

.friend-row{
    display:grid;
    grid-template-columns:46px minmax(0,1fr) auto;
    gap:11px;
    align-items:center;
    padding:10px 8px;
    border-bottom:1px solid #e4e8e9;
}

.friend-row:last-child{
    border-bottom:0;
}

.friend-avatar{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    overflow:hidden;
    border-radius:50%;
    background:#dbe6eb;
    color:#315e7b !important;
    font-size:15px;
    font-weight:800;
    text-decoration:none !important;
}

.friend-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.friend-main{
    min-width:0;
}

.friend-name{
    display:inline-block;
    margin-bottom:4px;
    font-size:13px;
    font-weight:700;
    text-decoration:none !important;
}

.friend-name:hover{
    text-decoration:underline !important;
}

.friend-meta{
    color:#77858c;
    font-size:11px;
}

.friend-meta strong{
    color:#5c6d75;
    font-weight:600;
}

.friend-actions{
    display:flex;
    align-items:center;
    gap:12px;
}

.friend-actions form{
    margin:0;
}

.friend-actions a,
.friend-remove,
.friend-remove:hover,
.friend-remove:focus,
.friend-remove:active{
    appearance:none !important;
    -webkit-appearance:none !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    color:#294f6b !important;
    font:inherit !important;
    font-size:11px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    cursor:pointer;
}

.friend-actions a:hover,
.friend-remove:hover{
    color:#294f6b !important;
    text-decoration:underline !important;
}

@media(max-width:620px){
    .friend-row{
        grid-template-columns:42px minmax(0,1fr);
    }

    .friend-actions{
        grid-column:2;
        justify-content:flex-start;
    }

    .profile-title-actions{
        gap:8px;
    }
}


/* =========================================================
   v0.22.7 – Profil műveleti linkek egységesítése
   ========================================================= */

/* A Barátnak jelölés / Barát eltávolítása ugyanazt a
   megjelenést kapja, mint az Üzenet küldése link. */
.profile-title-actions .profile-title-link,
.profile-title-actions .profile-title-link:visited,
.profile-title-actions .profile-title-link:hover,
.profile-title-actions .profile-title-link:focus,
.profile-title-actions .profile-title-link:active{
    appearance:none !important;
    -webkit-appearance:none !important;
    display:inline !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    color:inherit !important;
    font:inherit !important;
    font-weight:inherit !important;
    line-height:inherit !important;
    text-decoration:none !important;
    cursor:pointer;
}

.profile-title-actions .profile-title-link:hover,
.profile-title-actions .profile-title-link:focus,
.profile-title-actions .profile-title-link:active{
    color:inherit !important;
    text-decoration:none !important;
}




/* =========================================================
   v0.23.0 – Profil barátlink: valódi azonos linkelem
   ========================================================= */
.profile-friend-form{
    display:none;
}


/* =========================================================
   v0.23.2 – Felhasználó kereső
   ========================================================= */
.header-user-search-svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.user-search-form{
    display:flex;
    gap:8px;
    margin-bottom:14px;
}
.user-search-form input{
    flex:1;
    min-width:0;
}
.user-search-results{
    display:flex;
    flex-direction:column;
}
.user-search-row{
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    padding:10px 8px;
    border-bottom:1px solid #e4e8e9;
}
.user-search-row:last-child{
    border-bottom:0;
}
.user-search-avatar{
    display:flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    overflow:hidden;
    border-radius:50%;
    background:#dbe6eb;
    color:#315e7b !important;
    font-size:14px;
    font-weight:800;
    text-decoration:none !important;
}
.user-search-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.user-search-name{
    font-size:13px;
    font-weight:700;
    text-decoration:none !important;
}
.user-search-name:hover{
    text-decoration:underline !important;
}
.user-search-meta{
    margin-top:3px;
    color:#77858c;
    font-size:11px;
}
.user-search-profile-link,
.user-search-profile-link:visited,
.user-search-profile-link:hover,
.user-search-profile-link:focus{
    color:#294f6b !important;
    font-size:11px;
    font-weight:700;
    text-decoration:none !important;
}
.user-search-profile-link:hover{
    text-decoration:underline !important;
}
@media(max-width:620px){
    .user-search-row{
        grid-template-columns:38px minmax(0,1fr);
    }
    .user-search-profile-link{
        grid-column:2;
    }
}


/* v0.23.3 – A fejlécben a nicknév csak kijelzés */
.header-username{
    cursor:default;
    user-select:none;
    -webkit-user-select:none;
}
.header-username:hover,
.header-username:focus{
    text-decoration:none !important;
}


/* =========================================================
   v0.23.7 – E-mail privát jelölés + alap avatar
   ========================================================= */

.profile-hero-email em{
    color:#8a969c;
    font-size:11px;
    font-style:normal;
    font-weight:400;
}

.default-avatar-image{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}


/* =========================================================
   v0.23.9 – Alap avatar: sötét körkeret eltávolítása
   ========================================================= */

/* Csak az alap avatar kapjon tiszta, keret nélküli megjelenést. */
.profile-avatar-large:has(.default-avatar-image),
.friend-avatar:has(.default-avatar-image),
.user-search-avatar:has(.default-avatar-image){
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
}

.profile-avatar-large .default-avatar-image,
.friend-avatar .default-avatar-image,
.user-search-avatar .default-avatar-image{
    border:0 !important;
    box-shadow:none !important;
    outline:none !important;
}


/* =========================================================
   v0.24.1 – Oldal közlemények
   ========================================================= */

.site-announcements{
    display:flex;
    flex-direction:column;
    gap:7px;
    margin:0 0 12px;
}

.site-announcement{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:start;
    gap:10px;
    padding:9px 11px;
    border:1px solid #c7d5dc;
    border-radius:7px;
    background:#edf4f7;
}

.site-announcement-label{
    color:#315e7b;
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
}

.site-announcement-body{
    color:#425861;
    font-size:12px;
    line-height:1.5;
    overflow-wrap:anywhere;
}

.site-announcement-date{
    color:#819098;
    font-size:10px;
    white-space:nowrap;
}

.site-announcement-date span{
    margin-left:3px;
}

.admin-announcement-form{
    margin-bottom:16px;
}

.admin-announcement-form label > span{
    display:block;
    margin-bottom:6px;
    font-size:12px;
    font-weight:700;
}

.admin-announcement-form textarea{
    width:100%;
    resize:vertical;
}

.admin-announcement-actions{
    display:flex;
    justify-content:flex-end;
    margin-top:8px;
}

.admin-announcement-list{
    border-top:1px solid #e1e5e6;
}

.admin-announcement-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    padding:10px 2px;
    border-bottom:1px solid #e5e8e9;
}

.admin-announcement-text{
    color:#45575f;
    font-size:12px;
    line-height:1.45;
}

.admin-announcement-text span{
    display:block;
    margin-top:4px;
    color:#8a969c;
    font-size:10px;
}

.admin-announcement-row form{
    margin:0;
}

.admin-announcement-delete,
.admin-announcement-delete:hover,
.admin-announcement-delete:focus,
.admin-announcement-delete:active{
    appearance:none !important;
    -webkit-appearance:none !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#294f6b !important;
    font:inherit !important;
    font-size:11px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    cursor:pointer;
}

.admin-announcement-delete:hover{
    text-decoration:underline !important;
}

@media(max-width:700px){
    .site-announcement{
        grid-template-columns:1fr;
        gap:4px;
    }

    .site-announcement-date{
        white-space:normal;
    }
}


/* =========================================================
   v0.24.3 – Közlemény figyelemfelkeltőbb megjelenése
   ========================================================= */

.site-announcement{
    position:relative;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    padding:10px 12px 10px 46px;
    border:1px solid #d7b56f;
    background:linear-gradient(180deg,#fff7dd,#f7edc9);
    box-shadow:0 2px 7px rgba(130,96,32,.08);
}

.site-announcement::before{
    content:"!";
    position:absolute;
    left:12px;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    width:23px;
    height:23px;
    border-radius:50%;
    background:#c66a22;
    color:#fff;
    font-size:14px;
    font-weight:800;
    line-height:1;
}

.site-announcement-label{
    color:#8a5a19;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.02em;
}

.site-announcement-body{
    color:#4f473a;
    font-size:13px;
    line-height:1.5;
    font-weight:600;
}

.site-announcement-date{
    color:#8e806c;
    font-size:10px;
}

@media(max-width:700px){
    .site-announcement{
        grid-template-columns:1fr;
        align-items:start;
        padding-left:44px;
    }

    .site-announcement::before{
        top:12px;
        transform:none;
    }
}


/* v0.24.4 – kisebb közlemény ikon */
.site-announcement{
    padding-left:40px;
}

.site-announcement::before{
    left:13px;
    width:17px;
    height:17px;
    font-size:11px;
    font-weight:800;
}

@media(max-width:700px){
    .site-announcement{
        padding-left:40px;
    }

    .site-announcement::before{
        left:13px;
        top:13px;
    }
}


/* =========================================================
   v0.24.5 – Admin felhasználó kezelő
   ========================================================= */

.admin-users-search{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:14px;
}

.admin-users-search input{
    flex:1;
    min-width:0;
}

.admin-users-search > a{
    color:#294f6b !important;
    font-size:11px;
    font-weight:700;
    text-decoration:none !important;
}

.admin-users-search > a:hover{
    text-decoration:underline !important;
}

.admin-users-table-wrap{
    overflow-x:auto;
}

.admin-users-table{
    width:100%;
    border-collapse:collapse;
    font-size:11px;
}

.admin-users-table th,
.admin-users-table td{
    padding:8px 9px;
    border-bottom:1px solid #e2e6e7;
    text-align:left;
    vertical-align:middle;
    white-space:nowrap;
}

.admin-users-table th{
    color:#5e7079;
    font-weight:800;
    background:#f6f8f7;
}

.admin-users-table td{
    color:#52636b;
}

.admin-users-table td:first-child a{
    font-weight:700;
    text-decoration:none !important;
}

.admin-users-table td:first-child a:hover{
    text-decoration:underline !important;
}

.admin-users-self{
    margin-left:4px;
    color:#89949a;
    font-size:10px;
}

.admin-user-role-form{
    margin:0;
}

.admin-user-role-form select{
    min-width:120px;
    padding:5px 7px;
    font-size:11px;
}

.admin-user-actions{
    display:flex;
    align-items:center;
    gap:9px;
}

.admin-user-actions form{
    margin:0;
}

.admin-user-actions a,
.admin-user-delete,
.admin-user-delete:hover,
.admin-user-delete:focus,
.admin-user-delete:active{
    appearance:none !important;
    -webkit-appearance:none !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#294f6b !important;
    font:inherit !important;
    font-size:11px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    cursor:pointer;
}

.admin-user-actions a:hover,
.admin-user-delete:hover{
    text-decoration:underline !important;
}

/* v0.24.6 – kitiltott profil jelzés */
.profile-banned-notice{margin:0 0 8px;text-align:center;color:#a33b2f;font-size:12px;font-weight:800;}


/* v0.24.7 – biztosan látható kitiltási jelzés a profilon */
.profile-banned-notice{
    display:block !important;
    width:100%;
    box-sizing:border-box;
    margin:0 0 10px !important;
    padding:8px 12px;
    border:1px solid #d9a29b;
    border-radius:6px;
    background:#f8e8e6;
    color:#a2382c !important;
    text-align:center !important;
    font-size:12px !important;
    font-weight:800 !important;
}


/* v0.24.9 – kitiltási állapot a felhasználónév mellett */
.profile-banned-inline{
    display:inline-block;
    margin-left:7px;
    color:#a2382c;
    font-size:10px;
    font-weight:800;
    vertical-align:middle;
}


/* v0.25.0 – olvashatóbb kitiltási jelzés */
.profile-banned-inline{
    margin-left:8px;
    padding:2px 6px;
    border-radius:4px;
    background:#f4d9d6;
    color:#8f2f25 !important;
    font-size:11px !important;
    font-weight:800 !important;
    line-height:1.4;
    letter-spacing:0;
    vertical-align:middle;
    white-space:nowrap;
}

/* v0.25.1 – regisztráció kapcsoló */
.admin-registration-row{display:flex;align-items:center;justify-content:space-between;gap:18px}
.admin-registration-row>div{display:flex;flex-direction:column;gap:3px}
.admin-registration-row strong{font-size:12px;color:#455a64}
.admin-registration-row span{font-size:11px;color:#7b8a91}
.admin-registration-row form{margin:0}
.registration-closed{padding:16px 12px;text-align:center;border:1px solid #d7dfe2;border-radius:6px;background:#f5f7f7}
.registration-closed strong{display:block;color:#52656e;font-size:13px}
.registration-closed span{display:block;margin-top:5px;color:#829097;font-size:11px}


/* =========================================================
   v0.25.3 – Fórum kezelő
   ========================================================= */
.admin-forum-add-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 110px minmax(220px,1fr);
    gap:10px;
}
.admin-forum-add-form label > span,
.admin-forum-category-settings label > span{
    display:block;
    margin-bottom:5px;
    color:#64747c;
    font-size:10px;
    font-weight:700;
}
.admin-forum-description{
    display:block;
    margin-top:10px;
}
.admin-forum-description input{
    width:100%;
}
.admin-forum-submit{
    display:flex;
    justify-content:flex-end;
    margin-top:10px;
}
.admin-forum-category-list{
    display:flex;
    flex-direction:column;
}
.admin-forum-category-row{
    display:grid;
    grid-template-columns:minmax(220px,1fr) minmax(360px,auto) auto;
    gap:14px;
    align-items:center;
    padding:11px 4px;
    border-bottom:1px solid #e2e6e7;
}
.admin-forum-category-row:last-child{
    border-bottom:0;
}
.admin-forum-category-main{
    display:flex;
    flex-direction:column;
    gap:3px;
}
.admin-forum-category-main strong{
    color:#405963;
    font-size:13px;
}
.admin-forum-category-main span{
    color:#718087;
    font-size:11px;
}
.admin-forum-category-main small{
    color:#929b9f;
    font-size:10px;
}
.admin-forum-category-settings{
    display:grid;
    grid-template-columns:minmax(190px,1fr) 75px auto;
    gap:8px;
    align-items:end;
    margin:0;
}
.admin-forum-category-settings select,
.admin-forum-category-settings input{
    font-size:11px;
}
.admin-forum-delete-form{
    margin:0;
}
.admin-forum-delete,
.admin-forum-delete:hover,
.admin-forum-delete:focus,
.admin-forum-delete:active{
    appearance:none !important;
    -webkit-appearance:none !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#294f6b !important;
    font:inherit !important;
    font-size:11px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    cursor:pointer;
}
.admin-forum-delete:hover{
    text-decoration:underline !important;
}
@media(max-width:850px){
    .admin-forum-add-grid,
    .admin-forum-category-row,
    .admin-forum-category-settings{
        grid-template-columns:1fr;
    }
}


/* =========================================================
   v0.25.4 – Admin adatbázis mentés
   ========================================================= */

.admin-db-backup-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.admin-db-backup-row > div{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.admin-db-backup-row strong{
    color:#455a64;
    font-size:12px;
}

.admin-db-backup-row span{
    max-width:650px;
    color:#74838a;
    font-size:11px;
    line-height:1.45;
}

.admin-db-backup-row form{
    margin:0;
    flex:0 0 auto;
}

.admin-db-backup-note{
    margin-top:10px;
    padding-top:9px;
    border-top:1px solid #e1e5e6;
    color:#8a6c58;
    font-size:10px;
}

@media(max-width:650px){
    .admin-db-backup-row{
        align-items:flex-start;
        flex-direction:column;
    }
}


/* v0.25.5 – admin jelszó módosítás */
.admin-user-password-link,
.admin-user-password-link:hover,
.admin-user-password-link:focus,
.admin-user-password-link:active{
    appearance:none !important;
    -webkit-appearance:none !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#294f6b !important;
    font:inherit !important;
    font-size:11px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    cursor:pointer;
}
.admin-user-password-link:hover{
    text-decoration:underline !important;
}
.admin-user-password-form{
    align-items:center;
    gap:6px;
    margin-top:8px;
}
.admin-user-password-form input{
    width:130px;
    min-width:0;
    padding:5px 7px;
    font-size:11px;
}
.admin-user-password-form button{
    padding:5px 9px;
    font-size:11px;
}


/* =========================================================
   v0.25.6 – Sorozat hozzáadása a Felfedezőből
   ========================================================= */
.add-show-limit-note{
    margin-bottom:12px;
    padding:9px 10px;
    border:1px solid #d9e0e3;
    border-radius:6px;
    background:#f7f9f8;
    color:#687981;
    font-size:11px;
}
.add-show-limit-note strong{
    margin-left:5px;
    color:#4e626c;
}
.add-show-search{
    display:flex;
    gap:8px;
    margin-bottom:14px;
}
.add-show-search input{
    flex:1;
    min-width:0;
}
.add-show-results{
    display:flex;
    flex-direction:column;
}
.add-show-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    padding:10px 4px;
    border-bottom:1px solid #e3e7e8;
}
.add-show-row:last-child{
    border-bottom:0;
}
.add-show-main{
    display:flex;
    flex-direction:column;
    gap:3px;
}
.add-show-main strong{
    color:#405963;
    font-size:13px;
}
.add-show-main span{
    color:#7b898f;
    font-size:10px;
}
.add-show-row form{
    margin:0;
}
.add-show-existing,
.add-show-existing:visited,
.add-show-existing:hover{
    color:#294f6b !important;
    font-size:11px;
    font-weight:700;
    text-decoration:none !important;
}
.add-show-existing:hover{
    text-decoration:underline !important;
}
.add-show-disabled{
    color:#90999d;
    font-size:10px;
    font-weight:700;
}


/* =========================================================
   v0.25.7 – AdminPanel újrarendezés
   ========================================================= */

.admin-dashboard-head-clean{
    margin-bottom:12px;
}

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

.admin-overview-stat{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
    padding:11px 12px;
    border:1px solid #dce2e4;
    border-radius:7px;
    background:#f8faf9;
}

.admin-overview-stat span{
    color:#75848b;
    font-size:10px;
    font-weight:700;
}

.admin-overview-stat strong{
    color:#34586d;
    font-size:20px;
    line-height:1;
}

.admin-overview-stat.has-alert{
    border-color:#d9b888;
    background:#fff7e8;
}

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

.admin-management-card{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-height:68px;
    padding:11px 12px;
    border:1px solid #dce2e4;
    border-radius:7px;
    background:#fbfcfb;
    text-decoration:none !important;
}

.admin-management-card:hover{
    border-color:#bccbd2;
    background:#f5f8f8;
    text-decoration:none !important;
}

.admin-management-card strong{
    color:#345b72;
    font-size:12px;
}

.admin-management-card span{
    color:#76858c;
    font-size:10px;
    line-height:1.4;
}

.admin-current-announcement{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-top:14px;
    padding:10px 11px;
    border-top:1px solid #e1e5e6;
}

.admin-current-announcement-content{
    min-width:0;
}

.admin-current-announcement-content strong{
    display:block;
    margin-bottom:5px;
    color:#586b74;
    font-size:10px;
    text-transform:uppercase;
}

.admin-current-announcement-content div{
    color:#465961;
    font-size:12px;
    line-height:1.5;
}

.admin-current-announcement-content small{
    display:block;
    margin-top:5px;
    color:#8b969b;
    font-size:10px;
}

.admin-current-announcement form{
    margin:0;
}

.admin-text-action,
.admin-text-action:hover,
.admin-text-action:focus,
.admin-text-action:active{
    appearance:none !important;
    -webkit-appearance:none !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#294f6b !important;
    font:inherit !important;
    font-size:11px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    cursor:pointer;
}

.admin-text-action:hover{
    text-decoration:underline !important;
}

.admin-setting-row,
.admin-system-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.admin-setting-row > div:first-child,
.admin-system-row > div:first-child{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.admin-setting-row strong,
.admin-system-row strong{
    color:#455a64;
    font-size:12px;
}

.admin-setting-row span,
.admin-system-row span{
    color:#74838a;
    font-size:11px;
}

.admin-setting-control{
    display:flex;
    align-items:center;
    gap:10px;
}

.admin-setting-control form,
.admin-system-row form{
    margin:0;
}

.admin-status-pill{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:3px 8px;
    border-radius:999px;
    font-size:10px !important;
    font-weight:800;
}

.admin-status-pill.is-on{
    border:1px solid #b9d4c0;
    background:#edf7ef;
    color:#4d7657 !important;
}

.admin-status-pill.is-off{
    border:1px solid #d8b7b2;
    background:#faecea;
    color:#9a4b40 !important;
}

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

    .admin-management-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:600px){
    .admin-overview-grid,
    .admin-management-grid{
        grid-template-columns:1fr;
    }

    .admin-setting-row,
    .admin-system-row{
        align-items:flex-start;
        flex-direction:column;
    }

    .admin-setting-control{
        align-items:flex-start;
        flex-wrap:wrap;
    }

    .admin-current-announcement{
        flex-direction:column;
    }
}


/* v0.25.8 – egyszerűsített AdminPanel */
.admin-management-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
@media(max-width:800px){
    .admin-management-grid{
        grid-template-columns:1fr;
    }
}


/* =========================================================
   v0.26.1 – Kapcsolat admin egyszerűsítése
   ========================================================= */

/* A beérkezett listában csak a feladó neve és metaadatai maradnak. */
.contact-admin-row-main{
    justify-content:flex-start;
}

/* A Válasz és Törlés technikailag más elem, de vizuálisan teljesen azonos. */
.contact-admin-actions > a,
.contact-admin-action-link,
.contact-admin-actions > a:visited,
.contact-admin-action-link:visited,
.contact-admin-actions > a:hover,
.contact-admin-action-link:hover,
.contact-admin-actions > a:focus,
.contact-admin-action-link:focus,
.contact-admin-actions > a:active,
.contact-admin-action-link:active{
    appearance:none !important;
    -webkit-appearance:none !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    color:#536b78 !important;
    font:inherit !important;
    font-size:11px !important;
    font-weight:700 !important;
    line-height:normal !important;
    text-decoration:none !important;
    cursor:pointer;
}

.contact-admin-actions > a:hover,
.contact-admin-action-link:hover{
    text-decoration:underline !important;
}


/* v0.26.2 – AdminPanel új kapcsolatüzenet jelzés */
.header-tool-admin.has-contact-message{
    background:#f7eee8;
    border-color:#d6b7a4;
}
.header-tool-admin.has-contact-message .header-admin-symbol{
    font-size:14px;
}


/* =========================================================
   v0.26.3 – Inaktív felhasználók szűrése
   ========================================================= */
.admin-users-filter-form select{
    min-width:205px;
    padding:7px 9px;
    font-size:11px;
}

@media(max-width:700px){
    .admin-users-filter-form{
        align-items:stretch;
        flex-wrap:wrap;
    }

    .admin-users-filter-form input,
    .admin-users-filter-form select{
        flex:1 1 100%;
        width:100%;
    }
}


/* =========================================================
   v0.26.4 – Fórum fejléc statisztika
   ========================================================= */
.forum-title-with-stats{
    display:flex;
    align-items:center;
}

.forum-header-stats{
    display:flex;
    align-items:center;
    gap:12px;
    margin-left:auto;
    margin-right:14px;
    color:#7a878d;
    font-size:10px;
    font-weight:400;
}

.forum-header-stats > span{
    white-space:nowrap;
}

.forum-header-stats strong{
    color:#526b78;
    font-weight:700;
}

@media(max-width:650px){
    .forum-header-stats{
        gap:6px;
        margin-right:8px;
        font-size:9px;
    }
}


/* =========================================================
   v0.26.6 – Fórum kategóriafejléc
   ========================================================= */

.forum-title-with-stats,
.forum-header-stats{
    display:initial;
}

.forum-category-table-head{
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 190px 210px;
    gap:10px;
    align-items:center;
    padding:0 10px 7px;
    margin-bottom:2px;
    border-bottom:1px solid #dfe4e6;
    color:#7b888e;
    font-size:10px;
    font-weight:700;
}

.forum-category-table-head span:nth-child(3),
.forum-category-table-head span:nth-child(4){
    text-align:left;
}

@media(max-width:850px){
    .forum-category-table-head{
        display:none;
    }
}


/* =========================================================
   v0.26.7 – Fórum táblázatfejléc igazítása
   ========================================================= */

/* Ugyanaz az oszlopkiosztás, gap és vízszintes padding,
   mint a kategóriasoroknál. */
.forum-category-table-head{
    display:grid !important;
    grid-template-columns:34px minmax(0,1fr) 150px 220px !important;
    gap:14px !important;
    align-items:center;
    margin:0 !important;
    padding:7px 12px !important;
    border:1px solid #b8bdc0 !important;
    border-bottom:0 !important;
    background:#e8ecee !important;
    color:#65757d !important;
    font-size:10px !important;
    font-weight:700 !important;
    line-height:1.2;
    box-sizing:border-box;
}

.forum-category-list{
    border-top:1px solid #c8cdcf !important;
}

.forum-category-head-icon{
    display:block;
}

.forum-category-head-stats{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:8px;
    text-align:center;
}

.forum-category-table-head > span:last-child{
    padding-left:12px;
    text-align:left;
}

/* A tényleges sorok statisztikái is két azonos oszlopba kerülnek,
   így pontosan a fejléc alá esnek. */
.forum-category-stats{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:8px !important;
    align-items:center;
    justify-content:stretch !important;
    text-align:center;
}

.forum-category-stats > span{
    white-space:nowrap;
}

@media(max-width:850px){
    .forum-category-table-head{
        display:none !important;
    }
}


/* =========================================================
   v0.26.8 – Fórum fejléc finomhangolás
   ========================================================= */

.forum-category-table-head{
    min-height:30px;
    padding:6px 12px !important;
    border:1px solid #c7ced1 !important;
    border-bottom:1px solid #bcc5c9 !important;
    border-radius:5px 5px 0 0;
    background:linear-gradient(to bottom,#f3f5f5,#e8ecee) !important;
    color:#718087 !important;
    font-size:9.5px !important;
    font-weight:700 !important;
    letter-spacing:.01em;
}

.forum-category-list{
    overflow:hidden;
    border:1px solid #c7ced1 !important;
    border-top:0 !important;
    border-radius:0 0 5px 5px;
}

.forum-category-head-main{
    display:block;
}

.forum-category-head-stats{
    color:#687a83;
}

.forum-category-table-head > span:last-child{
    color:#687a83;
}

.forum-category-row{
    min-height:64px !important;
    border-bottom:1px solid #d9dfe1 !important;
    background:#f8f9f8 !important;
}

.forum-category-row:nth-child(even){
    background:#f2f4f4 !important;
}

.forum-category-row:hover{
    background:#edf2f4 !important;
}

.forum-category-main strong{
    color:#315a72 !important;
}

.forum-category-stats{
    color:#7a878d !important;
}

.forum-category-stats strong{
    color:#536b78 !important;
}

.forum-category-last{
    border-left:1px solid #dce1e3 !important;
}

@media(max-width:850px){
    .forum-category-list{
        border-top:1px solid #c7ced1 !important;
        border-radius:5px;
    }
}


/* =========================================================
   v0.26.9 – Fórum fejléc / lista illesztés
   ========================================================= */

.forum-category-table-head{
    border-radius:4px 4px 0 0 !important;
    border-bottom:1px solid #c7ced1 !important;
    background:#edf0f1 !important;
}

.forum-category-list{
    margin-top:0 !important;
    border-top:0 !important;
    border-radius:0 0 4px 4px !important;
}

/* Az első szöveges fejléc az ikon + kategórianév terület fölött. */
.forum-category-head-main{
    display:block !important;
    color:#687a83 !important;
    font-size:9.5px !important;
    font-weight:700 !important;
}

/* Ne legyen vizuális dupla él a fejléc és az első sor találkozásánál. */
.forum-category-list .forum-category-row:first-child{
    border-top:0 !important;
}

@media(max-width:850px){
    .forum-category-list{
        border-top:1px solid #c7ced1 !important;
        border-radius:4px !important;
    }
}


/* v0.27.1 – Fórum utolsó aktivitás közvetlen link */
.forum-category-main strong a,
.forum-category-main strong a:visited{
    color:inherit !important;
    text-decoration:none !important;
}
.forum-category-main strong a:hover{
    text-decoration:underline !important;
}
.forum-last-activity-link,
.forum-last-activity-link:visited{
    display:flex;
    flex-direction:column;
    gap:3px;
    color:inherit !important;
    text-decoration:none !important;
}
.forum-last-activity-link:hover strong{
    text-decoration:underline;
}
.forum-last-activity-link small{
    color:inherit;
}


/* =========================================================
   v0.27.2 – Fórum hozzászólás műveletek
   ========================================================= */

.forum-post-tools{
    display:flex !important;
    align-items:center;
    justify-content:flex-end;
    gap:9px;
}

.forum-post-tools form{
    display:inline !important;
    margin:0 !important;
}

.forum-post-tools > a,
.forum-post-tool-link,
.forum-post-tools > a:visited,
.forum-post-tool-link:visited,
.forum-post-tools > a:hover,
.forum-post-tool-link:hover,
.forum-post-tools > a:focus,
.forum-post-tool-link:focus,
.forum-post-tools > a:active,
.forum-post-tool-link:active{
    appearance:none !important;
    -webkit-appearance:none !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    color:#536b78 !important;
    font:inherit !important;
    font-size:9px !important;
    font-weight:700 !important;
    line-height:normal !important;
    text-decoration:none !important;
    cursor:pointer;
}

.forum-post-tools > a:hover,
.forum-post-tool-link:hover{
    text-decoration:underline !important;
}


/* v0.27.3 – Fórum alap avatar egységesítése */
.forum-post-avatar .default-avatar-image{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}


/* v0.27.4 – Fórum alap avatar: kék keret eltávolítása */
.forum-post-avatar:has(.default-avatar-image){
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
}

.forum-post-avatar .default-avatar-image{
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
}


/* =========================================================
   v0.27.5 – Fórum avatar háttér összehangolása
   ========================================================= */

/* A fórum bal oldali felhasználói része ugyanazt a kékesszürke
   átmenetet kapja, mint az alap avatar háttere, így a kör nem üt el. */
.forum-post-user{
    background:linear-gradient(180deg,#dce8ee,#d1dfe7) !important;
    border-right-color:#c3d0d6 !important;
}


/* =========================================================
   v0.27.6 – Fórum hozzászólás design összehangolása
   ========================================================= */

/* A teljes hozzászólás blokk finomabb, a kékesszürke bal oldali panelhez igazítva. */
.forum-post{
    border:1px solid #c4d0d5 !important;
    border-radius:7px !important;
    background:#f7f9f9 !important;
    box-shadow:0 1px 2px rgba(61,86,99,.04);
    overflow:hidden;
}

/* Bal oldali felhasználói panel */
.forum-post-user{
    background:linear-gradient(180deg,#dce8ee,#d1dfe7) !important;
    border-right:1px solid #bccbd2 !important;
}

/* Jobb oldali tartalom */
.forum-post-body{
    background:#f8faf9 !important;
}

/* Dátum / sorszám fejléc */
.forum-post-meta{
    padding:6px 9px !important;
    border-bottom:1px solid #d8e0e3 !important;
    background:#edf2f4 !important;
    color:#6e7e86 !important;
}

/* Maga a hozzászólás */
.forum-post-text{
    padding:13px 12px !important;
    color:#40525a !important;
}

/* Műveleti sáv */
.forum-post-tools{
    padding:6px 9px !important;
    border-top:1px solid #d8e0e3 !important;
    background:#f1f5f6 !important;
}

/* Felhasználónév és rang finomabb illesztése */
.forum-post-username{
    margin-top:1px;
    margin-bottom:3px !important;
}

.forum-post-user > span{
    color:#657781 !important;
    font-size:9px !important;
}

/* Az alap avatar ne külön körként hasson, hanem simuljon bele a panelbe. */
.forum-post-avatar:has(.default-avatar-image){
    background:transparent !important;
}

.forum-post-avatar .default-avatar-image{
    background:transparent !important;
}

/* Mobilon is egységes marad. */
@media(max-width:760px){
    .forum-post-user{
        border-right:0 !important;
        border-bottom:1px solid #bccbd2 !important;
    }
}


/* =========================================================
   v0.27.7 – Fórum emoji + BBCode szerkesztő
   ========================================================= */
.forum-editor-toolbar{
    position:relative;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:4px;
    padding:6px 7px;
    border:1px solid #cbd6da;
    border-bottom:0;
    border-radius:5px 5px 0 0;
    background:#e9eff1;
}
.forum-editor-toolbar + textarea{
    border-radius:0 0 5px 5px !important;
}
.forum-editor-toolbar button{
    width:auto !important;
    min-width:27px !important;
    height:25px !important;
    min-height:25px !important;
    padding:0 7px !important;
    border:1px solid #c6d0d4 !important;
    border-radius:4px !important;
    background:#f8faf9 !important;
    box-shadow:none !important;
    color:#536b78 !important;
    font-size:9px !important;
    line-height:23px !important;
}
.forum-editor-toolbar button:hover{
    background:#fff !important;
    border-color:#aebdc4 !important;
}
.forum-editor-toolbar .forum-editor-emoji{
    position:static !important;
    transform:none !important;
    margin-left:auto !important;
    font-size:16px !important;
    line-height:23px !important;
}
.forum-bb-quote{
    margin:8px 0;
    padding:8px 10px;
    border-left:3px solid #9eb2bc;
    background:#edf2f4;
    color:#52636b;
}
.forum-bb-code{
    display:block;
    margin:8px 0;
    padding:8px 10px;
    overflow-x:auto;
    border:1px solid #d5dddf;
    border-radius:4px;
    background:#eef1f1;
    font-family:Consolas,Monaco,monospace;
    white-space:pre-wrap;
}
.forum-post-text a{
    color:#3f6f89;
    text-decoration:underline;
}


/* =========================================================
   v0.27.8 – Fórum kép BBCode + emoji panel javítás
   ========================================================= */

/* A fórumos emoji panel lefelé nyíljon, így a tetejét nem vágja le a doboz. */
.forum-editor-toolbar .emoji-picker-popover{
    top:34px !important;
    right:0 !important;
    bottom:auto !important;
    z-index:500 !important;
}

/* A toolbar és környezete ne vágja le a lebegő emoji panelt. */
.forum-editor-toolbar,
.forum-editor-form,
.forum-inline-edit,
.forum-reply-form{
    overflow:visible !important;
}

/* [img] BBCode megjelenése */
.forum-bb-image{
    display:block;
    max-width:100%;
    width:auto;
    height:auto;
    max-height:700px;
    margin:9px 0;
    border:1px solid #cbd6da;
    border-radius:5px;
    object-fit:contain;
}


/* =========================================================
   v0.27.9 – Fórum kép- és emoji méretezés
   ========================================================= */

/* A BBCode-dal beszúrt kép ne foglalja el a teljes hozzászólásszélességet. */
.forum-bb-image{
    max-width:min(520px, 85%) !important;
    max-height:520px !important;
}

/* A fórumos emoji gomb legyen jobban látható. */
.forum-editor-toolbar .forum-editor-emoji{
    min-width:34px !important;
    width:34px !important;
    height:28px !important;
    min-height:28px !important;
    padding:0 !important;
    font-size:20px !important;
    line-height:28px !important;
}

/* Az emoji választóban maguk az emojik is nagyobbak. */
.forum-editor-toolbar .emoji-picker-popover{
    width:280px !important;
    padding:8px !important;
}

.forum-editor-toolbar .emoji-picker-item{
    width:38px !important;
    min-width:38px !important;
    height:38px !important;
    min-height:38px !important;
    font-size:24px !important;
    line-height:38px !important;
}


/* =========================================================
   v0.28.0 – Fórum emoji választó kompaktabb
   ========================================================= */

/* A panel újra kisebb, hogy biztosan elférjen a fórumban. */
.forum-editor-toolbar .emoji-picker-popover{
    width:230px !important;
    max-width:calc(100vw - 40px) !important;
    padding:6px !important;
}

/* Az emojik maradjanak jól láthatók, de ne növeljék túl a panelt. */
.forum-editor-toolbar .emoji-picker-item{
    width:32px !important;
    min-width:32px !important;
    height:32px !important;
    min-height:32px !important;
    padding:0 !important;
    font-size:21px !important;
    line-height:32px !important;
}

/* Maga az emoji gomb továbbra is jól látható marad. */
.forum-editor-toolbar .forum-editor-emoji{
    width:32px !important;
    min-width:32px !important;
    height:27px !important;
    min-height:27px !important;
    font-size:19px !important;
    line-height:27px !important;
}

@media(max-width:560px){
    .forum-editor-toolbar .emoji-picker-popover{
        width:210px !important;
        max-width:calc(100vw - 28px) !important;
    }
}


/* =========================================================
   v0.28.1 – Fórum emoji gomb + szélesebb emoji választó
   ========================================================= */

/* Az Emoji gomb közvetlenül a Kép gomb mellett marad. */
.forum-editor-toolbar .forum-editor-emoji{
    margin-left:0 !important;
}

/* Inkább vízszintesen terjeszkedő választó, több emoji egy sorban. */
.forum-editor-toolbar .emoji-picker-popover{
    width:340px !important;
    max-width:min(340px, calc(100vw - 40px)) !important;
    padding:6px !important;
    display:grid;
    grid-template-columns:repeat(8, 1fr);
    gap:2px;
}

/* A hidden attribútum továbbra is működjön a grid mellett. */
.forum-editor-toolbar .emoji-picker-popover[hidden]{
    display:none !important;
}

.forum-editor-toolbar .emoji-picker-item{
    width:38px !important;
    min-width:38px !important;
    height:32px !important;
    min-height:32px !important;
    padding:0 !important;
    font-size:21px !important;
    line-height:32px !important;
}

@media(max-width:560px){
    .forum-editor-toolbar .emoji-picker-popover{
        width:276px !important;
        max-width:calc(100vw - 28px) !important;
        grid-template-columns:repeat(7, 1fr);
    }

    .forum-editor-toolbar .emoji-picker-item{
        width:36px !important;
        min-width:36px !important;
    }
}


/* =========================================================
   v0.28.2 – Fórum emoji menü balra igazítva
   ========================================================= */

/* A menü a Kép/Emoji gomb környékéről balra terjeszkedjen,
   ne a jobb oldal felé nyíljon ki. */
.forum-editor-toolbar .emoji-picker-popover{
    left:0 !important;
    right:auto !important;
}


/* =========================================================
   v0.28.3 – Fórum emoji panel elférés + új válaszra ugrás
   ========================================================= */

/* A panel ne nyúljon le a képernyőről: felfelé nyílik,
   és ha sok emoji van, saját görgetést kap. */
.forum-editor-toolbar .emoji-picker-popover{
    top:auto !important;
    bottom:34px !important;
    left:0 !important;
    right:auto !important;
    width:300px !important;
    max-width:min(300px, calc(100vw - 40px)) !important;
    max-height:190px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    grid-template-columns:repeat(7, 1fr) !important;
    box-sizing:border-box;
}

.forum-editor-toolbar .emoji-picker-item{
    width:38px !important;
    min-width:38px !important;
    height:34px !important;
    min-height:34px !important;
    font-size:21px !important;
    line-height:34px !important;
}

@media(max-width:560px){
    .forum-editor-toolbar .emoji-picker-popover{
        width:260px !important;
        max-width:calc(100vw - 28px) !important;
        max-height:170px !important;
        grid-template-columns:repeat(6, 1fr) !important;
    }
}


/* =========================================================
   v0.28.4 – Fórum emoji panel: a textarea fölé lebeg
   ========================================================= */

/*
   Ne felfelé és ne az oldal alá nyíljon:
   közvetlenül a formázósáv alatt jelenik meg, a textarea fölé lebegve.
   Így nem kell külön függőleges hely neki.
*/
.forum-editor-toolbar .emoji-picker-popover{
    top:34px !important;
    bottom:auto !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;

    width:320px !important;
    max-width:calc(100% - 16px) !important;
    max-height:150px !important;

    overflow-y:auto !important;
    overflow-x:hidden !important;

    grid-template-columns:repeat(8, 1fr) !important;

    z-index:1000 !important;
    box-sizing:border-box;
}

/* Kisebb, de jól kattintható emoji cellák. */
.forum-editor-toolbar .emoji-picker-item{
    width:34px !important;
    min-width:34px !important;
    height:32px !important;
    min-height:32px !important;
    font-size:20px !important;
    line-height:32px !important;
}

/* A textarea ne takarja el a lebegő panelt. */
.forum-editor-toolbar + textarea{
    position:relative;
    z-index:1;
}

.forum-editor-toolbar{
    z-index:20;
}

@media(max-width:560px){
    .forum-editor-toolbar .emoji-picker-popover{
        width:270px !important;
        max-width:calc(100% - 10px) !important;
        max-height:140px !important;
        grid-template-columns:repeat(7, 1fr) !important;
    }

    .forum-editor-toolbar .emoji-picker-item{
        width:34px !important;
        min-width:34px !important;
    }
}


/* =========================================================
   v0.28.5 – Szerkesztve sor igazítása
   ========================================================= */

/* A „Szerkesztve” sor ugyanonnan induljon, mint a hozzászólás szövege. */
.forum-post-edited{
    margin-top:0 !important;
    padding:0 12px 9px !important;
    box-sizing:border-box;
}


/* =========================================================
   v0.28.6 – Fórum / Utolsó aktivitás idő színe
   ========================================================= */

/* A topic neve marad hangsúlyos, a dátum/idő pedig visszafogott szürke,
   ugyanúgy mint a fórum többi másodlagos információja. */
.forum-category-last .forum-last-activity-link small,
.forum-category-last .forum-last-activity-link:visited small,
.forum-category-last .forum-last-activity-link:hover small{
    color:#7f8a8f !important;
    text-decoration:none !important;
    font-weight:400 !important;
}


/* =========================================================
   v0.28.7 – Témalista linkek és utolsó aktivitás
   ========================================================= */
.forum-topic-title-link,
.forum-topic-title-link:visited{
    color:inherit !important;
    text-decoration:none !important;
}
.forum-topic-title-link:hover{
    text-decoration:underline !important;
}
.forum-topic-author,
.forum-topic-author:visited{
    text-decoration:none !important;
}
.forum-topic-author:hover{
    text-decoration:underline !important;
}
.forum-topic-last-link,
.forum-topic-last-link:visited,
.forum-topic-last-link:hover{
    display:block;
    margin-top:3px;
    color:#7f8a8f !important;
    font-size:9px !important;
    font-weight:400 !important;
    line-height:1.35;
    text-decoration:none !important;
}
.forum-topic-last-link:hover{
    text-decoration:underline !important;
}


/* =========================================================
   v0.28.8 – Fórum topic státuszok
   ========================================================= */

.forum-topic-title-line{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:5px;
    min-width:0;
}

.forum-topic-badge{
    display:inline-flex;
    align-items:center;
    height:15px;
    padding:0 5px;
    border:1px solid transparent;
    border-radius:3px;
    font-size:7px;
    font-weight:800;
    line-height:13px;
    letter-spacing:.35px;
    white-space:nowrap;
    vertical-align:middle;
}

.forum-topic-badge.is-pinned{
    border-color:#aebfc7;
    background:#dce7eb;
    color:#506c79;
}

.forum-topic-badge.is-locked{
    border-color:#c2c8ca;
    background:#e5e8e9;
    color:#697276;
}


/* =========================================================
   v0.29.0 – Felfedező adatlap kattintható metaadatok
   ========================================================= */

.detail-meta .discover-meta-link,
.detail-meta .discover-meta-link:visited{
    color:#426a80 !important;
    font-weight:600;
    text-decoration:none !important;
}

.detail-meta .discover-meta-link:hover{
    text-decoration:underline !important;
}

.discover-meta-genres{
    line-height:1.55;
}


/* =========================================================
   v0.29.1 – Felfedező státusz link + lista duplikáció javítás
   ========================================================= */

.discover-detail-status .discover-status-link,
.discover-detail-status .discover-status-link:visited{
    color:inherit !important;
    font:inherit;
    font-weight:inherit;
    text-decoration:none !important;
}

.discover-detail-status .discover-status-link:hover{
    text-decoration:underline !important;
}


/* =========================================================
   v0.29.2 – Törlés saját listáról a Felfedezőben
   ========================================================= */
.discover-detail-remove-form{
    margin-top:7px;
}
.discover-detail-remove-form .discover-remove-button{
    width:100%;
    border:1px solid #c7b8b8;
    background:#eee7e7;
    color:#7b5555;
}
.discover-detail-remove-form .discover-remove-button:hover{
    border-color:#b9a4a4;
    background:#e8dddd;
    color:#704848;
}


/* =========================================================
   v0.29.3 – Felfedező törlés a Saját sorozataim mintájára
   ========================================================= */
.discover-detail .detail-meta .meta-remove-form{
    display:inline;
    margin:0 !important;
}
.discover-detail .detail-meta .meta-remove-link,
.discover-detail .detail-meta .meta-remove-link:visited{
    appearance:none !important;
    -webkit-appearance:none !important;
    display:inline !important;
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:inherit !important;
    font:inherit !important;
    font-weight:600 !important;
    line-height:inherit !important;
    text-decoration:none !important;
    cursor:pointer;
}
.discover-detail .detail-meta .meta-remove-link:hover{
    background:transparent !important;
    color:#315e7b !important;
    text-decoration:underline !important;
}


/* =========================================================
   v0.29.4 – Felfedező / Törlés a listámról szövegszín
   ========================================================= */

/* A Saját sorozataim törlési linkjének színéhez igazítva. */
.discover-detail .detail-meta .meta-remove-link,
.discover-detail .detail-meta .meta-remove-link:visited{
    color:#8a4f4f !important;
}

.discover-detail .detail-meta .meta-remove-link:hover{
    color:#6f3f3f !important;
    text-decoration:underline !important;
}


/* =========================================================
   v0.29.5 – Felfedező törlési link pontosan mint a Sorozataimban
   ========================================================= */
.discover-detail .detail-meta .meta-remove-link,
.discover-detail .detail-meta .meta-remove-link:visited,
.discover-detail .detail-meta .meta-remove-link:focus,
.discover-detail .detail-meta .meta-remove-link:active{
    color:#53656e !important;
}

.discover-detail .detail-meta .meta-remove-link:hover{
    color:#315e7b !important;
    text-decoration:underline !important;
}


/* =========================================================
   v0.29.6 – Felfedező törlési link: tényleges Sorozataim stílus
   ========================================================= */
/* A Sorozataim aktuális .detail-meta műveleti link szabályai:
   #356f93, hover/focus/active #274f69, 700-as betűvastagság. */
.discover-detail .detail-meta .meta-remove-link,
.discover-detail .detail-meta .meta-remove-link:visited{
    color:#356f93 !important;
    font-weight:700 !important;
    text-decoration:none !important;
}
.discover-detail .detail-meta .meta-remove-link:hover,
.discover-detail .detail-meta .meta-remove-link:focus,
.discover-detail .detail-meta .meta-remove-link:active{
    color:#274f69 !important;
    font-weight:700 !important;
    text-decoration:none !important;
}


/* =========================================================
   v0.29.7 – Felfedező metaadat linkek egységes színe
   ========================================================= */

/* Nyelv, Ország, Műfajok és Csatorna / Platform ugyanazt
   a linkstílust kapja, mint a Sorozataim adatlapján. */
.discover-detail .detail-meta .discover-meta-link,
.discover-detail .detail-meta .discover-meta-link:visited{
    color:#356f93 !important;
    font-weight:700 !important;
    text-decoration:none !important;
}

.discover-detail .detail-meta .discover-meta-link:hover,
.discover-detail .detail-meta .discover-meta-link:focus,
.discover-detail .detail-meta .discover-meta-link:active{
    color:#274f69 !important;
    font-weight:700 !important;
    text-decoration:none !important;
}


/* =========================================================
   v0.29.9 – Felfedező lapozó színei
   ========================================================= */

/* A régi kék-lila gradiens helyett a SorozatKövető
   jelenlegi kékesszürke vizuális világához igazítva. */
.discover-pagination a,
.discover-pagination span{
    border:1px solid #cbd7dd !important;
    background:#f7fafb !important;
    color:#53656e !important;
    box-shadow:none !important;
}

.discover-pagination a:hover{
    border-color:#aebfc7 !important;
    background:#eaf1f4 !important;
    color:#315e7b !important;
}

.discover-pagination .current{
    border-color:#7895a4 !important;
    background:#7895a4 !important;
    background-image:none !important;
    color:#ffffff !important;
    box-shadow:none !important;
}

.discover-pagination .dots{
    border-color:transparent !important;
    background:transparent !important;
    color:#7d8c93 !important;
}


/* =========================================================
   v0.30.0 – Felfedező meta link hover
   ========================================================= */

/* Ugyanúgy kapjon aláhúzást hoverkor, mint a Sorozataim adatlapján. */
.discover-detail .detail-meta .discover-meta-link:hover,
.discover-detail .detail-meta .discover-meta-link:focus{
    color:#274f69 !important;
    text-decoration:underline !important;
}


/* =========================================================
   v0.30.1 – Epizódhossz nem szűrhető / nem kattintható
   ========================================================= */
/* Az Epizódhossz mind a Sorozataim, mind a Felfedező adatlapján
   egyszerű metaadat marad; nem kap link- vagy hover-megjelenést. */
.detail-meta tr:has(th:first-child) td.runtime-meta,
.show-meta-table tr:has(th:first-child) td.runtime-meta{
    color:inherit !important;
    text-decoration:none !important;
    cursor:default !important;
}


/* =========================================================
   v0.30.2 – Epizódhossz szűrés
   ========================================================= */

.discover-detail .detail-meta a[href*="runtime="],
.show-meta-table a[href*="runtime="],
.detail-meta a[href*="runtime="]{
    color:#356f93 !important;
    font-weight:700 !important;
    text-decoration:none !important;
}

.discover-detail .detail-meta a[href*="runtime="]:hover,
.show-meta-table a[href*="runtime="]:hover,
.detail-meta a[href*="runtime="]:hover{
    color:#274f69 !important;
    text-decoration:underline !important;
}


/* =========================================================
   v0.30.5 – AdminPanel / Fórum kezelő rendbetétele
   ========================================================= */

.admin-forum-add-box,
.admin-forum-categories-box{
    overflow:visible !important;
}

.admin-forum-add-grid{
    display:grid !important;
    grid-template-columns:minmax(220px,1.3fr) 100px minmax(260px,1fr) !important;
    gap:12px !important;
    align-items:end !important;
}

.admin-forum-add-form input,
.admin-forum-add-form select,
.admin-forum-category-settings input,
.admin-forum-category-settings select{
    width:100% !important;
    box-sizing:border-box !important;
}

.admin-forum-description{
    margin-top:12px !important;
}

.admin-forum-submit{
    margin-top:12px !important;
}

.admin-forum-category-list{
    display:grid !important;
    gap:10px !important;
}

.admin-forum-category-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(430px,auto) !important;
    gap:18px !important;
    align-items:center !important;
    padding:12px 14px !important;
    border:1px solid #d8e1e5 !important;
    border-radius:6px !important;
    background:#f8faf9 !important;
}

.admin-forum-category-main{
    min-width:0 !important;
    gap:4px !important;
}

.admin-forum-category-title{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    min-width:0 !important;
}

.admin-forum-category-title strong{
    color:#405963 !important;
    font-size:13px !important;
    line-height:1.25 !important;
}

.admin-forum-category-title small{
    margin-left:auto !important;
    color:#87949a !important;
    font-size:9px !important;
    white-space:nowrap !important;
}

.admin-forum-category-main > span{
    color:#718087 !important;
    font-size:10px !important;
    line-height:1.45 !important;
}

.admin-forum-category-controls{
    display:flex !important;
    align-items:flex-end !important;
    gap:10px !important;
    min-width:0 !important;
}

.admin-forum-category-settings{
    display:grid !important;
    grid-template-columns:minmax(220px,1fr) 86px auto !important;
    gap:8px !important;
    align-items:end !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    margin:0 !important;
}

.admin-forum-category-settings label{
    min-width:0 !important;
    margin:0 !important;
}

.admin-forum-category-settings label > span,
.admin-forum-add-form label > span{
    display:block !important;
    margin-bottom:5px !important;
    color:#64747c !important;
    font-size:9px !important;
    font-weight:700 !important;
}

.admin-forum-category-settings select,
.admin-forum-category-settings input{
    min-height:32px !important;
    font-size:10px !important;
}

.admin-forum-save{
    min-height:32px !important;
    padding:0 12px !important;
    white-space:nowrap !important;
}

.admin-forum-delete-form{
    display:flex !important;
    align-items:flex-end !important;
    min-height:32px !important;
    margin:0 !important;
}

.admin-forum-delete{
    line-height:32px !important;
    white-space:nowrap !important;
}

@media(max-width:980px){
    .admin-forum-category-row{
        grid-template-columns:1fr !important;
        align-items:stretch !important;
    }

    .admin-forum-category-controls{
        width:100% !important;
    }
}

@media(max-width:760px){
    .admin-forum-add-grid{
        grid-template-columns:1fr !important;
    }

    .admin-forum-category-controls{
        display:block !important;
    }

    .admin-forum-category-settings{
        grid-template-columns:1fr !important;
    }

    .admin-forum-delete-form{
        margin-top:8px !important;
    }

    .admin-forum-delete{
        line-height:normal !important;
    }
}


/* =========================================================
   v0.30.6 – Új Wiki / Súgó
   ========================================================= */
.wiki-home .box-content{padding:16px 18px 18px}
.wiki-intro{padding:2px 2px 14px;border-bottom:1px solid #e1e6e8}
.wiki-intro strong{display:block;color:#405963;font-size:15px}
.wiki-intro p{margin:5px 0 0;color:#74838a;font-size:11px;line-height:1.55}
.wiki-topic-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:15px;align-items:start}
.wiki-topic-group{min-width:0}
.wiki-topic-group h2{margin:0 0 7px;padding:0 2px;color:#405963;font-size:12px;font-weight:700}
.wiki-accordion{border:1px solid #dbe3e6;border-radius:5px;overflow:hidden;background:#fbfcfc}
.wiki-accordion details{border-bottom:1px solid #e2e7e9;background:#fbfcfc}
.wiki-accordion details:last-child{border-bottom:0}
.wiki-accordion summary{position:relative;padding:10px 30px 10px 11px;color:#53656e;font-size:11px;font-weight:700;cursor:pointer;list-style:none;user-select:none}
.wiki-accordion summary::-webkit-details-marker{display:none}
.wiki-accordion summary:after{content:'+';position:absolute;right:11px;top:50%;transform:translateY(-50%);color:#78909b;font-size:15px;font-weight:400}
.wiki-accordion details[open] summary{background:#f1f5f6;color:#315e7b}
.wiki-accordion details[open] summary:after{content:'−'}
.wiki-accordion summary:hover{background:#f3f6f7;color:#315e7b}
.wiki-answer{padding:10px 12px 12px;border-top:1px solid #e1e7e9;color:#5f6f76;font-size:10.5px;line-height:1.65;background:#fff}
.wiki-answer p{margin:0 0 8px}
.wiki-answer p:last-child{margin-bottom:0}
.wiki-answer strong{color:#455d68}
.wiki-mini-table{display:grid;grid-template-columns:90px 1fr;gap:6px 9px;margin-top:7px;align-items:center}
.wiki-mini-table span{font-size:10px}
.wiki-mini-table .wiki-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d48a43;margin-right:5px}
.wiki-mini-table .wiki-days{color:#c9792d;font-size:10px}
.wiki-footer-note{margin-top:14px;padding-top:12px;border-top:1px solid #e1e6e8;color:#7a888e;font-size:10px;text-align:right}
.wiki-footer-note a{color:#356f93;font-weight:700;text-decoration:none}
.wiki-footer-note a:hover{text-decoration:underline}
@media(max-width:900px){.wiki-topic-groups{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wiki-topic-groups{grid-template-columns:1fr}.wiki-home .box-content{padding:13px}.wiki-mini-table{grid-template-columns:80px 1fr}}


/* =========================================================
   v0.30.7 – Wiki olvashatóság / nagyobb, levegősebb elrendezés
   ========================================================= */

/* A három keskeny oszlop helyett egy széles súgófelület.
   A témacsoportok egymás alatt, a témák két oszlopban jelennek meg. */
.wiki-home .box-content{
    padding:20px 24px 24px !important;
}

.wiki-intro{
    padding:2px 2px 18px !important;
}

.wiki-intro strong{
    font-size:18px !important;
}

.wiki-intro p{
    margin-top:7px !important;
    font-size:13px !important;
    line-height:1.65 !important;
}

.wiki-topic-groups{
    display:block !important;
    margin-top:18px !important;
}

.wiki-topic-group{
    margin-bottom:22px !important;
}

.wiki-topic-group:last-child{
    margin-bottom:0 !important;
}

.wiki-topic-group h2{
    margin:0 0 9px !important;
    padding:0 2px 7px !important;
    border-bottom:1px solid #dfe6e9 !important;
    font-size:15px !important;
    color:#405963 !important;
}

.wiki-accordion{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:visible !important;
    background:transparent !important;
}

.wiki-accordion details{
    border:1px solid #dbe3e6 !important;
    border-radius:5px !important;
    background:#fbfcfc !important;
    overflow:hidden !important;
}

.wiki-accordion details:last-child{
    border-bottom:1px solid #dbe3e6 !important;
}

.wiki-accordion summary{
    padding:12px 36px 12px 14px !important;
    font-size:13px !important;
    line-height:1.35 !important;
}

.wiki-accordion summary:after{
    right:14px !important;
    font-size:18px !important;
}

.wiki-answer{
    padding:13px 15px 15px !important;
    font-size:12.5px !important;
    line-height:1.72 !important;
}

.wiki-answer p{
    margin-bottom:10px !important;
}

.wiki-mini-table{
    grid-template-columns:110px 1fr !important;
    gap:8px 12px !important;
}

.wiki-mini-table span,
.wiki-mini-table .wiki-days{
    font-size:12px !important;
}

.wiki-footer-note{
    margin-top:20px !important;
    padding-top:14px !important;
    font-size:12px !important;
}

@media(max-width:760px){
    .wiki-home .box-content{
        padding:16px !important;
    }

    .wiki-accordion{
        grid-template-columns:1fr !important;
    }

    .wiki-intro strong{
        font-size:16px !important;
    }

    .wiki-intro p,
    .wiki-answer{
        font-size:12px !important;
    }
}


/* =========================================================
   v0.30.8 – Admin frissítés a Felfedező adatlapján
   ========================================================= */

.discover-admin-refresh{
    margin-top:8px;
}

.discover-admin-refresh form{
    margin:0 !important;
}

.discover-admin-refresh-link,
.discover-admin-refresh-link:visited,
.discover-admin-refresh-link:focus,
.discover-admin-refresh-link:active{
    appearance:none !important;
    -webkit-appearance:none !important;
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    color:#356f93 !important;
    font:inherit !important;
    font-weight:700 !important;
    line-height:inherit !important;
    text-decoration:none !important;
    cursor:pointer !important;
}

.discover-admin-refresh-link:hover{
    color:#274f69 !important;
    text-decoration:underline !important;
}


/* =========================================================
   v0.30.9 – Admin Frissítés a metaadat-táblában
   ========================================================= */

.discover-detail .detail-meta .discover-admin-refresh-form{
    display:inline !important;
    margin:0 !important;
}

.discover-detail .detail-meta .discover-meta-action-link,
.discover-detail .detail-meta .discover-meta-action-link:visited,
.discover-detail .detail-meta .discover-meta-action-link:focus,
.discover-detail .detail-meta .discover-meta-action-link:active{
    appearance:none !important;
    -webkit-appearance:none !important;
    display:inline !important;
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    color:#356f93 !important;
    font-family:inherit !important;
    font-size:inherit !important;
    font-style:normal !important;
    font-weight:700 !important;
    line-height:inherit !important;
    letter-spacing:inherit !important;
    text-decoration:none !important;
    vertical-align:baseline !important;
    cursor:pointer !important;
}

.discover-detail .detail-meta .discover-meta-action-link:hover{
    color:#274f69 !important;
    text-decoration:underline !important;
}


/* v0.31.0 – Felfedező admin Frissítés: hoverkor sincs aláhúzás */
.discover-detail .detail-meta .discover-meta-action-link:hover,
.discover-detail .detail-meta .discover-meta-action-link:focus{
    text-decoration:none !important;
}


/* =========================================================
   v0.31.1 – Fórum lapozás
   ========================================================= */
.forum-pagination{
    margin-top:14px !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:5px !important;
}

.forum-post-pagination{
    margin-bottom:16px !important;
}

.forum-pagination a,
.forum-pagination span{
    border:1px solid #cbd7dd !important;
    border-radius:6px !important;
    background:#f7fafb !important;
    color:#53656e !important;
    box-shadow:none !important;
}

.forum-pagination a:hover{
    border-color:#aebfc7 !important;
    background:#eaf1f4 !important;
    color:#315e7b !important;
}

.forum-pagination .current{
    border-color:#7895a4 !important;
    background:#7895a4 !important;
    background-image:none !important;
    color:#fff !important;
}

.forum-pagination .dots{
    border-color:transparent !important;
    background:transparent !important;
    color:#7d8c93 !important;
}


/* =========================================================
   v0.31.6 – Fórum / Utolsó aktivitás felhasználónév
   ========================================================= */
.forum-category-last .forum-last-topic-link{
    display:block !important;
}

.forum-category-last .forum-last-activity-meta{
    display:block !important;
    margin-top:2px !important;
    color:#7b898f !important;
    font-size:inherit !important;
    font-weight:400 !important;
    line-height:1.35 !important;
}

.forum-category-last .forum-last-user-link{
    color:#536f7d !important;
    font-weight:700 !important;
    text-decoration:none !important;
}

.forum-category-last .forum-last-user-link:hover{
    color:#355d70 !important;
    text-decoration:underline !important;
}

.forum-category-last .forum-last-separator{
    margin:0 3px !important;
    color:#9aa5aa !important;
}


/* =========================================================
   v0.31.7 – Fórum utolsó aktivitás: név + rangszín
   ========================================================= */

.forum-category-last .forum-last-user-link{
    font-weight:700 !important;
    text-decoration:none !important;
}
.forum-category-last .forum-last-user-link:hover{
    text-decoration:underline !important;
}

/* A rangszínek elsőbbséget kapnak a korábbi általános link-színnel szemben. */
.forum-category-last .forum-last-user-link.role-user,
.forum-topic-last .forum-topic-last-user.role-user{
    color:#53656e !important;
}
.forum-category-last .forum-last-user-link.role-moderator,
.forum-topic-last .forum-topic-last-user.role-moderator{
    color:#356f93 !important;
}
.forum-category-last .forum-last-user-link.role-admin,
.forum-topic-last .forum-topic-last-user.role-admin{
    color:#a5524b !important;
}

.forum-topic-last-meta{
    display:block !important;
    margin-top:3px !important;
    line-height:1.35 !important;
    white-space:normal !important;
}

.forum-topic-last-user{
    font-size:inherit !important;
    font-weight:700 !important;
    text-decoration:none !important;
}

.forum-topic-last-user:hover{
    text-decoration:underline !important;
}

.forum-topic-last-separator{
    margin:0 3px !important;
    color:#9aa5aa !important;
}

.forum-topic-last-meta .forum-topic-last-link{
    display:inline !important;
    margin-top:0 !important;
    color:#7f8a8f !important;
    font-weight:400 !important;
}


/* v0.31.8 – Fórum kategóriák: Utolsó aktivitás dátuma kattintható */
.forum-category-last .forum-last-date-link,
.forum-category-last .forum-last-date-link:visited{
    color:#7b898f !important;
    font-weight:400 !important;
    text-decoration:none !important;
}
.forum-category-last .forum-last-date-link:hover{
    color:#5f7078 !important;
    text-decoration:none !important;
}


/* =========================================================
   v0.31.9 – Teljes mobiloptimalizálás
   FONTOS: csak 768 px alatt lép életbe, asztali nézethez nem nyúl.
   ========================================================= */

@media (max-width:768px){

    /* ---- Általános oldal / tördelés ---- */
    html, body{
        min-width:0 !important;
        overflow-x:hidden !important;
    }

    .page-wrap,
    .hero-inner,
    .modern-header-inner,
    .nav-inner{
        width:auto !important;
        max-width:none !important;
        margin-left:10px !important;
        margin-right:10px !important;
    }

    .page-wrap{
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .box{
        width:auto !important;
        max-width:100% !important;
        min-width:0 !important;
        overflow:visible !important;
    }

    .box-content{
        min-width:0 !important;
        padding-left:12px !important;
        padding-right:12px !important;
    }

    img{
        max-width:100%;
        height:auto;
    }

    input,
    select,
    textarea,
    button{
        max-width:100% !important;
        box-sizing:border-box !important;
    }

    input,
    select,
    button{
        min-height:36px;
    }

    textarea{
        width:100% !important;
    }

    /* ---- Fejléc ---- */
    .modern-header{
        min-height:0 !important;
    }

    .modern-header-inner{
        min-height:72px !important;
        padding:8px 0 !important;
        gap:8px !important;
        flex-wrap:wrap !important;
    }

    .modern-brand{
        min-width:0 !important;
        flex:1 1 auto !important;
    }

    .modern-brand-mark{
        width:43px !important;
        height:38px !important;
        flex:0 0 43px !important;
        transform:scale(.86);
        transform-origin:left center;
    }

    .modern-brand-text strong{
        font-size:18px !important;
        white-space:nowrap;
    }

    .modern-brand-text small{
        display:none !important;
    }

    .modern-header-spacer{
        display:none !important;
    }

    .header-user-tools{
        width:100% !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        gap:5px !important;
        flex-wrap:wrap !important;
    }

    .header-username{
        margin-right:auto !important;
        max-width:42vw !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }

    .header-tool-icon{
        width:34px !important;
        min-width:34px !important;
        height:34px !important;
        min-height:34px !important;
    }

    .modern-auth-links{
        margin-left:auto !important;
        gap:7px !important;
    }

    /* ---- Főmenü: vízszintes, görgethető, nem töri szét az oldalt ---- */
    .main-nav{
        overflow:hidden !important;
    }

    .nav-inner{
        display:flex !important;
        flex-wrap:nowrap !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        gap:0 !important;
    }

    .nav-inner::-webkit-scrollbar{
        display:none;
    }

    .main-nav a{
        flex:0 0 auto !important;
        white-space:nowrap !important;
        padding:10px 12px !important;
        font-size:10px !important;
    }

    /* ---- Közlemény ---- */
    .site-announcements{
        margin-left:10px !important;
        margin-right:10px !important;
    }

    .site-announcement{
        min-width:0 !important;
    }

    /* ---- Főoldal modulok ---- */
    .home-grid,
    .dashboard-grid,
    .index-grid,
    .home-columns,
    .main-columns{
        grid-template-columns:1fr !important;
        display:block !important;
    }

    .home-grid > *,
    .dashboard-grid > *,
    .index-grid > *,
    .home-columns > *,
    .main-columns > *{
        width:100% !important;
        margin-bottom:12px !important;
    }

    /* Üzenőfal */
    #shoutbox-messages.modern-shoutbox{
        height:420px !important;
        min-height:420px !important;
        max-height:420px !important;
    }

    /* ---- Sorozataim ---- */
    .myshows-layout,
    .myshows-main,
    .series-layout{
        display:block !important;
        grid-template-columns:1fr !important;
    }

    .myshows-left,
    .myshows-right,
    .series-list,
    .show-panel{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }

    .myshows-tabs{
        display:flex !important;
        flex-wrap:nowrap !important;
        overflow-x:auto !important;
        scrollbar-width:none;
    }

    .myshows-tabs::-webkit-scrollbar{
        display:none;
    }

    .myshows-tabs a{
        flex:0 0 auto !important;
        white-space:nowrap !important;
    }

    .series-name-item{
        min-height:38px !important;
    }

    .detail-head{
        display:block !important;
    }

    .detail-head-actions{
        margin-top:8px !important;
        justify-content:flex-start !important;
    }

    .show-meta-table,
    .detail-meta{
        width:100% !important;
        table-layout:fixed !important;
    }

    .show-meta-table th,
    .detail-meta th{
        width:38% !important;
        white-space:normal !important;
    }

    .show-meta-table td,
    .detail-meta td{
        width:62% !important;
        overflow-wrap:anywhere !important;
        word-break:break-word !important;
    }

    .season-row,
    .panel-episode-row{
        min-width:0 !important;
    }

    .panel-episode-row{
        grid-template-columns:auto minmax(0,1fr) !important;
        gap:7px !important;
    }

    .panel-episode-title,
    .panel-episode-name{
        min-width:0 !important;
        overflow-wrap:anywhere !important;
    }

    /* ---- Felfedező ---- */
    .discover-search-row{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto !important;
        gap:7px !important;
    }

    .discover-filter-row,
    .discover-filter-row-modern{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:8px !important;
        align-items:stretch !important;
    }

    .discover-direct-filter,
    .discover-sort-select{
        width:100% !important;
        min-width:0 !important;
    }

    .discover-direct-filter select,
    .discover-sort-select select{
        width:100% !important;
    }

    .discover-filter-button,
    .discover-clear{
        width:100% !important;
        text-align:center !important;
    }

    .discover-grid,
    .discover-cover-grid,
    .discover-results{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;
    }

    .discover-cover-card,
    .discover-card{
        min-width:0 !important;
    }

    .discover-detail{
        min-width:0 !important;
    }

    .discover-detail-head{
        display:block !important;
    }

    .discover-detail-close{
        margin-top:8px !important;
        display:inline-block !important;
    }

    .discover-detail-body,
    .discover-detail-grid{
        display:block !important;
        grid-template-columns:1fr !important;
    }

    .discover-detail-cover{
        max-width:190px !important;
        margin:0 auto 14px !important;
    }

    .discover-detail-add-form{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:7px !important;
    }

    .discover-pagination{
        justify-content:center !important;
        gap:4px !important;
    }

    .discover-pagination a,
    .discover-pagination span{
        min-width:32px !important;
        min-height:32px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        padding:0 8px !important;
    }

    /* ---- Naptár ---- */
    .calendar-scope-tabs,
    .calendar-tabs{
        display:flex !important;
        flex-wrap:nowrap !important;
        overflow-x:auto !important;
        scrollbar-width:none;
    }

    .calendar-scope-tabs::-webkit-scrollbar,
    .calendar-tabs::-webkit-scrollbar{
        display:none;
    }

    .calendar-scope-tabs a,
    .calendar-tabs a{
        flex:0 0 auto !important;
        white-space:nowrap !important;
    }

    .calendar-day{
        min-width:0 !important;
    }

    .calendar-episode-row{
        display:grid !important;
        grid-template-columns:54px minmax(0,1fr) !important;
        gap:8px !important;
        align-items:start !important;
    }

    .calendar-show,
    .calendar-title{
        min-width:0 !important;
        overflow-wrap:anywhere !important;
    }

    /* ---- Fórum főoldal / kategóriák ---- */
    .forum-category-table-head{
        display:none !important;
    }

    .forum-category-row{
        display:grid !important;
        grid-template-columns:34px minmax(0,1fr) !important;
        gap:7px 9px !important;
        padding:10px 7px !important;
        align-items:start !important;
    }

    .forum-category-status{
        grid-column:1 !important;
        grid-row:1 / span 3 !important;
    }

    .forum-category-main,
    .forum-category-stats,
    .forum-category-last{
        grid-column:2 !important;
        width:auto !important;
        min-width:0 !important;
    }

    .forum-category-stats{
        display:flex !important;
        gap:10px !important;
        flex-wrap:wrap !important;
    }

    .forum-category-last{
        padding-top:5px !important;
        border-top:1px solid #e3e8ea !important;
    }

    /* Fórum témalista */
    .forum-topic-row{
        display:grid !important;
        grid-template-columns:34px minmax(0,1fr) !important;
        gap:7px 9px !important;
        align-items:start !important;
        padding:10px 7px !important;
    }

    .forum-topic-flags{
        grid-column:1 !important;
        grid-row:1 / span 3 !important;
    }

    .forum-topic-main,
    .forum-topic-replies,
    .forum-topic-last{
        grid-column:2 !important;
        min-width:0 !important;
        width:auto !important;
    }

    .forum-topic-replies{
        display:flex !important;
        align-items:baseline !important;
        gap:4px !important;
    }

    .forum-topic-last{
        padding-top:5px !important;
        border-top:1px solid #e3e8ea !important;
    }

    .forum-topic-title-line{
        min-width:0 !important;
    }

    /* Fórum hozzászólás */
    .forum-post{
        display:block !important;
        min-width:0 !important;
    }

    .forum-post-user{
        width:auto !important;
        min-width:0 !important;
        display:grid !important;
        grid-template-columns:46px minmax(0,1fr) !important;
        grid-template-rows:auto auto !important;
        column-gap:9px !important;
        align-items:center !important;
        padding:9px 10px !important;
        border-right:0 !important;
        border-bottom:1px solid #dfe6e9 !important;
        text-align:left !important;
    }

    .forum-post-avatar{
        grid-row:1 / span 2 !important;
        width:42px !important;
        height:42px !important;
        margin:0 !important;
    }

    .forum-post-username{
        align-self:end !important;
    }

    .forum-post-user > span{
        align-self:start !important;
    }

    .forum-post-body{
        min-width:0 !important;
        padding:10px !important;
    }

    .forum-post-meta{
        gap:8px !important;
        flex-wrap:wrap !important;
    }

    .forum-post-text{
        overflow-wrap:anywhere !important;
        word-break:break-word !important;
    }

    .forum-post-text pre,
    .forum-post-text code{
        max-width:100% !important;
        overflow-x:auto !important;
    }

    .forum-bb-image{
        max-width:100% !important;
        height:auto !important;
    }

    .forum-editor-toolbar{
        display:flex !important;
        flex-wrap:wrap !important;
        gap:4px !important;
    }

    .forum-editor-toolbar button{
        min-height:31px !important;
    }

    .forum-editor-toolbar .emoji-picker-popover{
        left:0 !important;
        right:auto !important;
        transform:none !important;
        width:min(270px, calc(100vw - 44px)) !important;
        max-width:calc(100vw - 44px) !important;
    }

    .forum-pagination{
        gap:4px !important;
    }

    .forum-pagination a,
    .forum-pagination span{
        min-width:32px !important;
        min-height:32px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        padding:0 8px !important;
    }

    .forum-mod-actions{
        display:flex !important;
        flex-wrap:wrap !important;
        gap:5px !important;
    }

    /* ---- Profil / felhasználók / barátok / üzenetek ---- */
    .profile-hero,
    .profile-layout,
    .profile-grid,
    .friends-grid,
    .users-grid,
    .messages-layout{
        grid-template-columns:1fr !important;
        display:block !important;
    }

    .profile-summary-grid,
    .profile-summary-cards{
        grid-template-columns:1fr 1fr !important;
    }

    .profile-edit-form,
    .message-compose-form{
        min-width:0 !important;
    }

    .messages-table,
    .users-table,
    .admin-users-table{
        display:block !important;
        width:100% !important;
        overflow-x:auto !important;
        -webkit-overflow-scrolling:touch;
    }

    /* ---- Wiki ---- */
    .wiki-topic-groups{
        display:block !important;
    }

    .wiki-accordion{
        grid-template-columns:1fr !important;
    }

    .wiki-home .box-content{
        padding:14px !important;
    }

    .wiki-answer{
        font-size:12px !important;
        line-height:1.7 !important;
    }

    /* ---- AdminPanel ---- */
    .admin-management-grid,
    .admin-stat-grid,
    .admin-grid{
        grid-template-columns:1fr !important;
    }

    .admin-forum-add-grid{
        grid-template-columns:1fr !important;
    }

    .admin-forum-category-row{
        grid-template-columns:1fr !important;
    }

    .admin-forum-category-controls{
        display:block !important;
    }

    .admin-forum-category-settings{
        grid-template-columns:1fr !important;
        gap:8px !important;
    }

    .admin-forum-category-settings button{
        width:100% !important;
    }

    .admin-forum-delete-form{
        margin-top:8px !important;
    }

    .admin-user-actions{
        flex-wrap:wrap !important;
    }

    /* ---- Lábléc ---- */
    .footer{
        padding-left:10px !important;
        padding-right:10px !important;
    }
}

/* Extra keskeny telefonok */
@media (max-width:430px){
    .discover-grid,
    .discover-cover-grid,
    .discover-results{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;
    }

    .discover-cover-name{
        font-size:11px !important;
    }

    .profile-summary-grid,
    .profile-summary-cards{
        grid-template-columns:1fr !important;
    }

    .header-username{
        max-width:34vw !important;
    }
}


/* =========================================================
   v0.32.3 – Login / Regisztráció: eredeti elrendezés, frissebb gombok
   ========================================================= */

/* Az eredeti auth elrendezés marad, csak a kezelőszervek kapnak modernebb stílust. */
.auth-page .auth-main-box .auth-form input{
    min-height:40px !important;
    padding:0 11px !important;
    border:1px solid #c5d0d6 !important;
    border-radius:5px !important;
    background:#fff !important;
    color:#2d414b !important;
    font-size:13px !important;
    box-shadow:inset 0 1px 2px rgba(30,50,62,.03) !important;
}

.auth-page .auth-main-box .auth-form input:focus{
    outline:none !important;
    border-color:#7897a8 !important;
    box-shadow:0 0 0 3px rgba(69,111,134,.10) !important;
}

.auth-page .auth-main-box .auth-form label{
    color:#4e616b !important;
    font-size:12px !important;
    font-weight:700 !important;
}

.auth-page .auth-main-box .auth-form > button[type="submit"]{
    min-height:40px !important;
    margin-top:11px !important;
    padding:0 18px !important;
    border:1px solid #496f84 !important;
    border-radius:5px !important;
    background:linear-gradient(180deg,#62879b,#4a7288) !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:700 !important;
    box-shadow:none !important;
    text-shadow:none !important;
}

.auth-page .auth-main-box .auth-form > button[type="submit"]:hover{
    border-color:#3f6478 !important;
    background:linear-gradient(180deg,#587f94,#416a80) !important;
}

.auth-page .auth-links a,
.auth-page .auth-side-box a{
    color:#356f93 !important;
    font-weight:700 !important;
    text-decoration:none !important;
}

.auth-page .auth-links a:hover,
.auth-page .auth-side-box a:hover{
    color:#274f69 !important;
    text-decoration:underline !important;
}

.auth-page .auth-guest-button{
    display:block !important;
    min-height:38px !important;
    line-height:38px !important;
    padding:0 14px !important;
    border:1px solid #c2d0d7 !important;
    border-radius:5px !important;
    background:#f8fbfc !important;
    color:#526c79 !important;
    text-align:center !important;
    text-decoration:none !important;
    box-shadow:none !important;
}

.auth-page .auth-guest-button:hover{
    border-color:#aebfc7 !important;
    background:#eef4f6 !important;
    color:#315e7b !important;
    text-decoration:none !important;
}

@media(max-width:768px){
    .auth-page .auth-main-box .auth-form input{
        min-height:44px !important;
        font-size:16px !important;
    }

    .auth-page .auth-main-box .auth-form > button[type="submit"]{
        min-height:44px !important;
    }
}

/* v0.32.5 – jelszó-visszaállítás */
.password-reset-help{
    margin:0 0 14px;
    color:#596970;
    line-height:1.65;
}
.auth-page .auth-links > div + div{
    margin-top:6px;
}


/* v0.32.6 – Wiki: Köszönet és adatforrások */
.wiki-credits{
    margin-top:22px;
    padding:16px 18px;
    border:1px solid #d9e2e6;
    border-radius:6px;
    background:#f8fafb;
}
.wiki-credits h2{
    margin:0 0 9px;
    color:#3f5966;
    font-size:14px;
}
.wiki-credits p{
    margin:7px 0 0;
    color:#5f6f76;
    font-size:11px;
    line-height:1.65;
}
.wiki-credits a,
.wiki-credits a:visited{
    color:#356f93;
    font-weight:700;
    text-decoration:none;
}
.wiki-credits a:hover{
    text-decoration:underline;
}
@media(max-width:768px){
    .wiki-credits{
        padding:14px;
    }
    .wiki-credits p{
        font-size:12px;
    }
}


/* =========================================================
   v0.33.0 – Élesítés / adatvédelem
   ========================================================= */
.privacy-admin-warning code{
    font-family:Consolas, monospace;
}
.privacy-table-wrap{
    overflow-x:auto;
    margin:10px 0 14px;
}
.privacy-table{
    min-width:650px;
}
.privacy-ack-row{
    display:flex !important;
    grid-template-columns:none !important;
    align-items:flex-start !important;
    gap:8px !important;
    margin:7px 0 2px !important;
    color:#53656e !important;
    font-size:11px !important;
    font-weight:400 !important;
    line-height:1.45 !important;
}
.privacy-ack-row input{
    width:15px !important;
    min-width:15px !important;
    height:15px !important;
    min-height:15px !important;
    margin:1px 0 0 !important;
    padding:0 !important;
}
.privacy-ack-row a,
.contact-privacy-note a{
    color:#356f93 !important;
    font-weight:700 !important;
    text-decoration:none !important;
}
.privacy-ack-row a:hover,
.contact-privacy-note a:hover{
    text-decoration:underline !important;
}
.contact-privacy-note{
    margin:8px 0 0;
    color:#738188;
    font-size:10px;
    line-height:1.5;
}
@media(max-width:768px){
    .privacy-ack-row{
        font-size:12px !important;
    }
    .contact-privacy-note{
        font-size:11px;
    }
}


/* v0.33.1 – regisztrációs felhasználónév szabály */
.auth-field-hint{
    display:block;
    margin-top:4px;
    color:#7a878d;
    font-size:10px;
    line-height:1.4;
    font-weight:400;
}
@media(max-width:768px){
    .auth-field-hint{font-size:11px;}
}