/* PremiumFix UI for MyInvision
   Medium premium 3D look: not too white, not too dark, compact and polished. */

:root {
    --pf-canvas: #14233a;
    --pf-canvas-2: #1b3150;
    --pf-page: #dce8f3;
    --pf-shell: rgba(238, 245, 251, 0.94);
    --pf-surface: #f4f8fc;
    --pf-card: #ffffff;
    --pf-card-2: #edf4fa;
    --pf-ink: #142235;
    --pf-text: #23364d;
    --pf-muted: #64768b;
    --pf-line: #c8d7e6;
    --pf-line-soft: #dfebf5;
    --pf-primary: #245d9f;
    --pf-primary-2: #1d8a9c;
    --pf-accent: #22b8a0;
    --pf-gold: #e4a02e;
    --pf-red: #d95368;
    --pf-radius: 10px;
    --pf-radius-sm: 7px;
    --pf-max: 1180px;
    --pf-shadow: 0 18px 38px rgba(6, 17, 31, 0.24);
    --pf-shadow-card: 0 9px 22px rgba(28, 55, 83, 0.16), inset 0 1px 0 rgba(255,255,255,0.78);
    --pf-shadow-soft: 0 5px 14px rgba(28, 55, 83, 0.11);
}

html,
body.premiumfix-ui {
    background: var(--pf-canvas) !important;
    color: var(--pf-text) !important;
}

body.premiumfix-ui {
    background:
        linear-gradient(135deg, rgba(34,184,160,0.18) 0 16%, transparent 16% 100%),
        linear-gradient(315deg, rgba(36,93,159,0.30) 0 20%, transparent 20% 100%),
        radial-gradient(circle at 50% -10%, rgba(255,255,255,0.14), transparent 28rem),
        linear-gradient(180deg, #172944 0%, #102039 100%) !important;
    font-family: "Open Sans", "Segoe UI", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.45;
}

.premiumfix-ui *,
.premiumfix-ui *:before,
.premiumfix-ui *:after { box-sizing: border-box; }

.premiumfix-ui a,
.premiumfix-ui a:visited { color: #1e67ad; text-decoration: none; }
.premiumfix-ui a:hover,
.premiumfix-ui a:focus { color: #168e8f; text-decoration: none; }

.premiumfix-ui .wrap,
.premiumfix-ui .backhead,
.premiumfix-ui #wrap {
    max-width: var(--pf-max) !important;
    min-width: 0 !important;
    width: calc(100% - 24px) !important;
}

.premiumfix-ui .wrap {
    background: transparent !important;
    border: 0 !important;
    margin: 0 auto 18px !important;
    padding: 0 !important;
}

.premiumfix-ui .above { height: 10px; }
.premiumfix-ui .backhead { margin: 0 auto 10px !important; }

.premiumfix-ui .headerbar {
    background:
        linear-gradient(130deg, rgba(255,255,255,0.20), rgba(255,255,255,0.04) 36%, rgba(34,184,160,0.14)),
        linear-gradient(135deg, #153257 0%, #225d9f 58%, #198b95 100%) !important;
    border: 1px solid rgba(255,255,255,0.35) !important;
    border-radius: var(--pf-radius) !important;
    box-shadow: var(--pf-shadow) !important;
    min-height: 94px;
    overflow: hidden;
    padding: 13px 16px !important;
    position: relative;
}

.premiumfix-ui .headerbar:after {
    background: linear-gradient(110deg, rgba(255,255,255,0.24), transparent 26%, transparent 72%, rgba(255,255,255,0.09));
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.premiumfix-ui .headerbar .inner {
    align-items: center;
    display: flex;
    gap: 16px;
    min-height: 68px;
    position: relative;
    z-index: 1;
}

.premiumfix-ui .site-description {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: 14px;
    min-width: 0;
}

.premiumfix-ui #logo,
.premiumfix-ui .logo {
    align-items: center;
    background: rgba(255,255,255,0.18);
    border: 1px solid rgba(255,255,255,0.30);
    border-radius: var(--pf-radius);
    box-shadow: 0 8px 18px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.22);
    display: flex;
    flex: 0 0 66px;
    height: 60px;
    justify-content: center;
    margin: 0 !important;
    padding: 7px;
    width: 66px;
}

.premiumfix-ui .site_logo {
    background-size: contain !important;
    filter: drop-shadow(0 6px 8px rgba(0,0,0,0.22));
    max-height: 46px;
    max-width: 52px;
}

.premiumfix-ui center {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
}

.premiumfix-ui .forum-title,
.premiumfix-ui h1.forum-title {
    color: #fff !important;
    font-size: 25px !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    line-height: 1.13 !important;
    margin: 0 !important;
    max-width: 100%;
    overflow-wrap: normal;
    text-align: left;
    text-shadow: 0 8px 18px rgba(0,0,0,0.23);
    white-space: nowrap;
}

.premiumfix-ui .forum-title:after {
    background: linear-gradient(90deg, #c7fff4, rgba(255,255,255,0.3));
    border-radius: 99px;
    content: "";
    display: block;
    height: 3px;
    margin-top: 8px;
    width: 118px;
}

.premiumfix-ui #search-box,
.premiumfix-ui .searchback,
.premiumfix-ui .search-box.search-header {
    background: rgba(255,255,255,0.18) !important;
    border: 1px solid rgba(255,255,255,0.28) !important;
    border-radius: var(--pf-radius-sm) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.20) !important;
    flex: 0 0 250px;
    margin-left: auto;
    padding: 7px !important;
}

.premiumfix-ui #search-box fieldset,
.premiumfix-ui .search-box fieldset { display: flex; gap: 4px; }

.premiumfix-ui .nav-main,
.premiumfix-ui .navbar,
.premiumfix-ui ul#nav-breadcrumbs,
.premiumfix-ui .breadcrumbs,
.premiumfix-ui #nav-footer,
.premiumfix-ui ul#nav-footer {
    background: linear-gradient(180deg, #f9fcff, #eaf2fa) !important;
    border: 1px solid rgba(255,255,255,0.8) !important;
    border-radius: var(--pf-radius) !important;
    box-shadow: var(--pf-shadow-card) !important;
    color: var(--pf-muted) !important;
    margin: 8px 0 !important;
    padding: 8px 10px !important;
    text-shadow: none !important;
}

.premiumfix-ui ul#nav-main li a,
.premiumfix-ui ul.linklist > li > a,
.premiumfix-ui .navbar a,
.premiumfix-ui ul#nav-breadcrumbs a,
.premiumfix-ui .breadcrumbs a,
.premiumfix-ui .action-bar a,
.premiumfix-ui .mark-read,
.premiumfix-ui .mark,
.premiumfix-ui .button-secondary {
    background: #eef5fb !important;
    border: 1px solid var(--pf-line) !important;
    border-radius: 999px !important;
    color: #294763 !important;
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 10px !important;
    transition: transform 0.16s ease, background 0.16s ease, color 0.16s ease;
}

.premiumfix-ui ul#nav-main li a:hover,
.premiumfix-ui ul.linklist > li > a:hover,
.premiumfix-ui .navbar a:hover,
.premiumfix-ui .breadcrumbs a:hover,
.premiumfix-ui .action-bar a:hover,
.premiumfix-ui .mark-read:hover,
.premiumfix-ui .mark:hover {
    background: linear-gradient(135deg, var(--pf-primary), var(--pf-primary-2)) !important;
    border-color: transparent !important;
    color: #fff !important;
    transform: translateY(-1px);
}

.premiumfix-ui div#content {
    background: var(--pf-shell) !important;
    border: 1px solid rgba(255,255,255,0.74) !important;
    border-radius: var(--pf-radius) !important;
    box-shadow: var(--pf-shadow) !important;
    color: var(--pf-text) !important;
    padding: 12px !important;
}

.premiumfix-ui .forabg,
.premiumfix-ui .forumbg,
.premiumfix-ui .panel,
.premiumfix-ui .post,
.premiumfix-ui .rules,
.premiumfix-ui .statsblock,
.premiumfix-ui .dropdown,
.premiumfix-ui .dropdown-contents,
.premiumfix-ui .dropdown-contents-cp,
.premiumfix-ui .dropdown-contents-scp,
.premiumfix-ui .sidebar > div,
.premiumfix-ui .attachbox,
.premiumfix-ui .codebox,
.premiumfix-ui .page-body-inner > div:not(.forabg):not(.forumbg):not(.post) {
    background: linear-gradient(180deg, #ffffff, #edf5fb) !important;
    border: 1px solid rgba(255,255,255,0.82) !important;
    border-radius: var(--pf-radius) !important;
    box-shadow: var(--pf-shadow-card) !important;
    color: var(--pf-text) !important;
    margin-bottom: 12px !important;
    overflow: hidden;
}

.premiumfix-ui .forabg > .inner,
.premiumfix-ui .forumbg > .inner,
.premiumfix-ui .panel > .inner,
.premiumfix-ui .post > .inner,
.premiumfix-ui .rules > .inner { padding: 0 !important; }

.premiumfix-ui ul.topiclist { margin: 0 !important; }

.premiumfix-ui ul.topiclist li.header {
    background: linear-gradient(135deg, #153257, #245d9f 62%, #1d8a9c) !important;
    border: 0 !important;
    border-radius: var(--pf-radius) var(--pf-radius) 0 0 !important;
    color: #fff !important;
    min-height: 40px;
    padding: 0 !important;
    text-shadow: none !important;
}

.premiumfix-ui ul.topiclist li.header dl,
.premiumfix-ui ul.topiclist li.header dt,
.premiumfix-ui ul.topiclist li.header dd {
    color: #fff !important;
    font-size: 12px;
    font-weight: 850;
    line-height: 40px;
    text-transform: uppercase;
}

.premiumfix-ui ul.topiclist li.header a { color: #fff !important; }

.premiumfix-ui ul.topiclist li.row,
.premiumfix-ui .bg1,
.premiumfix-ui .bg2,
.premiumfix-ui .bg3 {
    background: linear-gradient(180deg, #ffffff, #f0f7fc) !important;
    border-top: 1px solid rgba(255,255,255,0.9) !important;
    border-bottom: 1px solid var(--pf-line) !important;
    color: var(--pf-text) !important;
    min-height: 66px;
    transition: transform 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.premiumfix-ui ul.topiclist li.row:nth-child(even) { background: linear-gradient(180deg, #f8fcff, #e9f4fb) !important; }

.premiumfix-ui ul.topiclist li.row:hover,
.premiumfix-ui .post:hover {
    background: linear-gradient(180deg, #ffffff, #e6f5f7) !important;
    box-shadow: inset 4px 0 0 var(--pf-accent), 0 12px 24px rgba(28,55,83,0.13);
    transform: translateY(-1px);
}

.premiumfix-ui ul.topiclist dl.row-item { min-height: 66px; }
.premiumfix-ui ul.topiclist dt .list-inner { color: var(--pf-muted) !important; padding-top: 12px; padding-bottom: 10px; }

.premiumfix-ui .forumtitle,
.premiumfix-ui .topictitle,
.premiumfix-ui h2.forum-title a,
.premiumfix-ui h2.topic-title a,
.premiumfix-ui h3 a {
    color: var(--pf-ink) !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
}

.premiumfix-ui .forumtitle:hover,
.premiumfix-ui .topictitle:hover,
.premiumfix-ui h2.forum-title a:hover,
.premiumfix-ui h2.topic-title a:hover { color: var(--pf-primary) !important; }

.premiumfix-ui dd.topics,
.premiumfix-ui dd.posts,
.premiumfix-ui dd.views { color: var(--pf-muted) !important; font-weight: 850; text-align: center; }
.premiumfix-ui dd.lastpost,
.premiumfix-ui .lastpost { color: var(--pf-muted) !important; font-size: 12px; }
.premiumfix-ui .lastsubject { color: #1d5fa8 !important; font-weight: 850; }

.premiumfix-ui time,
.premiumfix-ui .lastpost time {
    background: #fff2d4;
    border: 1px solid #edcd92;
    border-radius: 999px;
    color: #7d5010 !important;
    display: inline-block;
    font-size: 11px;
    line-height: 1.2;
    margin-top: 4px;
    padding: 3px 8px;
}

.premiumfix-ui .stats,
.premiumfix-ui .stat-block h3,
.premiumfix-ui .panel > .inner > h3,
.premiumfix-ui .panel h3:first-child,
.premiumfix-ui h3.stats,
.premiumfix-ui .stat-block .h3 {
    background: linear-gradient(135deg, #153257, #245d9f 62%, #1d8a9c) !important;
    border: 0 !important;
    border-radius: var(--pf-radius) var(--pf-radius) 0 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    line-height: 2.45 !important;
    margin: 0 !important;
    padding: 0 10px !important;
    text-shadow: none !important;
}

.premiumfix-ui .statsblock { border-radius: 0 0 var(--pf-radius) var(--pf-radius) !important; margin-bottom: 12px !important; padding: 12px !important; }

.premiumfix-ui .post {
    margin: 0 0 12px !important;
    min-height: 160px;
}

.premiumfix-ui .post .inner { display: grid; grid-template-columns: 178px minmax(0, 1fr); }

.premiumfix-ui .postprofile {
    background: linear-gradient(180deg, #edf5fb, #dfeaf5) !important;
    border-right: 1px solid var(--pf-line) !important;
    color: var(--pf-muted) !important;
    margin: 0 !important;
    min-height: 160px;
    padding: 12px 10px !important;
    text-align: center;
    width: 178px !important;
}

.premiumfix-ui .postbody { color: var(--pf-text) !important; margin: 0 !important; padding: 13px 15px 15px !important; width: auto !important; }
.premiumfix-ui .postbody h3,
.premiumfix-ui .postbody h5 { border-bottom: 1px solid var(--pf-line); color: var(--pf-ink) !important; font-size: 14px !important; font-weight: 850; margin: 0 0 10px !important; padding: 0 0 8px !important; }
.premiumfix-ui .postbody .content { color: #26384b !important; font-size: 13px !important; line-height: 1.65; max-width: 100%; overflow-wrap: anywhere; }

.premiumfix-ui .author,
.premiumfix-ui .postprofile .author,
.premiumfix-ui .postprofile dt.author a { color: var(--pf-ink) !important; font-size: 15px !important; font-weight: 900 !important; margin: 5px 0 !important; }
.premiumfix-ui .profile-rank,
.premiumfix-ui .profile-posts,
.premiumfix-ui .profile-joined,
.premiumfix-ui .profile-from,
.premiumfix-ui .profile-warnings,
.premiumfix-ui .profile-custom-field,
.premiumfix-ui .postprofile dd { color: var(--pf-muted) !important; font-size: 11px !important; line-height: 1.35; margin: 3px 0 !important; }

.premiumfix-ui .avatar-container img,
.premiumfix-ui .postprofile .avatar img,
.premiumfix-ui .avatar img { background: #fff; border: 1px solid var(--pf-line-strong); border-radius: var(--pf-radius) !important; box-shadow: var(--pf-shadow-soft) !important; max-height: 108px; max-width: 108px !important; object-fit: cover; }

.premiumfix-ui .post-buttons .button,
.premiumfix-ui .button,
.premiumfix-ui .button1,
.premiumfix-ui .button2,
.premiumfix-ui .button-new-post,
.premiumfix-ui a.postbutton,
.premiumfix-ui input.button1,
.premiumfix-ui input.button2,
.premiumfix-ui input[type="submit"],
.premiumfix-ui input[type="button"] {
    background: linear-gradient(135deg, var(--pf-primary), var(--pf-primary-2)) !important;
    border: 0 !important;
    border-radius: var(--pf-radius-sm) !important;
    box-shadow: 0 8px 15px rgba(36,93,159,0.22), inset 0 1px 0 rgba(255,255,255,0.22) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    min-height: 30px;
    padding: 7px 12px !important;
    text-shadow: none !important;
    transition: transform 0.16s ease, filter 0.16s ease;
}

.premiumfix-ui .button:hover,
.premiumfix-ui .button1:hover,
.premiumfix-ui .button2:hover,
.premiumfix-ui .button-new-post:hover,
.premiumfix-ui a.postbutton:hover,
.premiumfix-ui input[type="submit"]:hover,
.premiumfix-ui input[type="button"]:hover { filter: brightness(1.05); transform: translateY(-1px); }

.premiumfix-ui .button2,
.premiumfix-ui input.button2 { background: linear-gradient(180deg, #ffffff, #e7f0f8) !important; border: 1px solid var(--pf-line) !important; color: #31516f !important; }

.premiumfix-ui input.inputbox,
.premiumfix-ui input.search,
.premiumfix-ui textarea,
.premiumfix-ui select,
.premiumfix-ui .inputbox,
.premiumfix-ui .inputbox:hover,
.premiumfix-ui .inputbox:focus {
    background: #ffffff !important;
    border: 1px solid var(--pf-line-strong) !important;
    border-radius: var(--pf-radius-sm) !important;
    box-shadow: inset 0 1px 3px rgba(31,63,98,0.07) !important;
    color: var(--pf-text) !important;
    min-height: 32px;
    padding: 7px 9px !important;
}

.premiumfix-ui input:focus,
.premiumfix-ui textarea:focus,
.premiumfix-ui select:focus { border-color: rgba(29,138,156,0.62) !important; box-shadow: 0 0 0 3px rgba(29,138,156,0.16) !important; outline: 0 !important; }

.premiumfix-ui .post-separator,
.premiumfix-ui .post-separator.aqua { background: linear-gradient(90deg, transparent, rgba(36,93,159,0.95), rgba(29,138,156,0.90), transparent) !important; border-radius: var(--pf-radius-sm) !important; box-shadow: 0 6px 14px rgba(36,93,159,0.14) !important; height: 28px !important; margin: 9px 0 !important; }
.premiumfix-ui .post-separator-text { color: #fff !important; font-size: 12px !important; text-shadow: 0 2px 8px rgba(0,0,0,0.36) !important; }
.premiumfix-ui .post-separator-text strong { color: #0f2d4a !important; background: rgba(255,255,255,0.82); border-radius: 999px; padding: 1px 6px; }

.premiumfix-ui .rules,
.premiumfix-ui .notice,
.premiumfix-ui .post-notice { background: #fff6e3 !important; border-color: #ead1a1 !important; color: #725019 !important; }
.premiumfix-ui .error,
.premiumfix-ui .reported,
.premiumfix-ui .post-notice.reported { color: var(--pf-red) !important; }

.premiumfix-ui .adsbygoogle,
.premiumfix-ui ins.adsbygoogle,
.premiumfix-ui iframe[id*="google_ads"] { background: linear-gradient(180deg, #eaf2fa, #dce8f3) !important; border: 1px dashed #adc4d9 !important; border-radius: var(--pf-radius) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.65) !important; min-height: 70px; }

.premiumfix-ui #loginPopupOverlay { background: rgba(20, 38, 58, 0.48) !important; backdrop-filter: blur(5px); }
.premiumfix-ui #loginPopup { background: linear-gradient(180deg, #ffffff, #eef5fb) !important; border: 1px solid rgba(255,255,255,0.85) !important; border-radius: var(--pf-radius) !important; box-shadow: var(--pf-shadow) !important; color: var(--pf-text) !important; max-width: 390px !important; padding: 20px !important; }
.premiumfix-ui #loginPopup h2 { color: var(--pf-primary) !important; font-size: 19px !important; }
.premiumfix-ui #loginPopup p,
.premiumfix-ui .copyright,
.premiumfix-ui .copyright a { color: var(--pf-muted) !important; }

.premiumfix-ui .icon-red { color: var(--pf-red) !important; }
.premiumfix-ui .icon-blue { color: var(--pf-primary) !important; }
.premiumfix-ui .icon-green { color: var(--pf-accent) !important; }
.premiumfix-ui .icon-orange { color: var(--pf-gold) !important; }
.premiumfix-ui .icon-lightgray,
.premiumfix-ui .icon-gray { color: var(--pf-muted) !important; }

@media (min-width: 701px) {
    .premiumfix-ui .action-bar { align-items: center; display: flex; gap: 8px; justify-content: space-between; min-height: 38px; }
    .premiumfix-ui .action-bar .pagination { margin-left: auto; }
}

@media (max-width: 900px) {
    .premiumfix-ui .wrap,
    .premiumfix-ui .backhead,
    .premiumfix-ui #wrap { width: calc(100% - 14px) !important; }
    .premiumfix-ui div#content { padding: 9px !important; }
    .premiumfix-ui .headerbar .inner { align-items: flex-start; flex-direction: column; gap: 10px; }
    .premiumfix-ui #search-box,
    .premiumfix-ui .searchback,
    .premiumfix-ui .search-box.search-header { flex: 0 0 auto; margin-left: 0; width: min(100%, 360px); }
    .premiumfix-ui .forum-title,
    .premiumfix-ui h1.forum-title { font-size: 21px !important; white-space: normal; }
}

@media (max-width: 700px) {
    body.premiumfix-ui { font-size: 12px; }
    .premiumfix-ui .headerbar { min-height: 82px; padding: 12px !important; }
    .premiumfix-ui #logo,
    .premiumfix-ui .logo { flex-basis: 54px; height: 50px; width: 54px; }
    .premiumfix-ui .forum-title,
    .premiumfix-ui h1.forum-title { font-size: 18px !important; }
    .premiumfix-ui ul.topiclist li.header { min-height: 34px; }
    .premiumfix-ui ul.topiclist li.header dl,
    .premiumfix-ui ul.topiclist li.header dt,
    .premiumfix-ui ul.topiclist li.header dd { line-height: 34px; }
    .premiumfix-ui ul.topiclist dt .list-inner { padding-top: 9px; padding-bottom: 9px; }
    .premiumfix-ui .post .inner { display: block; }
    .premiumfix-ui .postprofile { border-bottom: 1px solid var(--pf-line) !important; border-right: 0 !important; min-height: 0; width: 100% !important; }
    .premiumfix-ui .postbody { padding: 12px !important; }
    .premiumfix-ui .postprofile dd,
    .premiumfix-ui ul.topiclist dd { display: block !important; }
    .premiumfix-ui .post-buttons { gap: 5px; justify-content: flex-start !important; }
}

@media (prefers-reduced-motion: reduce) {
    .premiumfix-ui *,
    .premiumfix-ui *:before,
    .premiumfix-ui *:after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
}