/* === Zarabiam3 modern dark layer === */
:root {
    --z3-bg: #080d12;
    --z3-bg-soft: #0d141c;
    --z3-surface: #111a24;
    --z3-surface-2: #16212d;
    --z3-surface-3: #1b2937;
    --z3-border: #263544;
    --z3-border-soft: rgba(151, 171, 190, .14);
    --z3-text: #edf4f7;
    --z3-muted: #93a4b3;
    --z3-green: #42d392;
    --z3-green-strong: #1bb978;
    --z3-green-soft: rgba(66, 211, 146, .12);
    --z3-amber: #ffb84d;
    --z3-danger: #ff6b6b;
    --z3-radius: 14px;
    --z3-radius-sm: 9px;
    --z3-shadow: 0 20px 60px rgba(0, 0, 0, .25);
}

* { box-sizing: border-box; }

html {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    background:
        radial-gradient(circle at 10% -10%, rgba(38, 86, 110, .22), transparent 34rem),
        var(--z3-bg);
    color: var(--z3-text);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.55;
    text-align: left;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

body, table, input, textarea, select, button {
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

/* The legacy guest infobar duplicates the new account actions and hero. */
#infobar { display: none !important; }

a:link, a:visited { color: #dceaf0; text-decoration: none; }
a:hover, a:active { color: var(--z3-green); }
img { max-width: 100%; height: auto; }
h1, h2, h3 { display: block; margin: 0; font: inherit; color: var(--z3-text); }

#container {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100%;
    margin: 0;
    color: var(--z3-text);
    overflow: visible;
}

.z3-wrap {
    width: calc(100% - 48px);
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

#content {
    width: calc(100% - 48px) !important;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding: 24px 0 0;
}

.z3-announcement {
    min-height: 35px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(66, 211, 146, .18);
    background: rgba(66, 211, 146, .06);
    color: #b8c8d1;
    font-size: 12px;
}

.z3-announcement .z3-wrap {
    display: flex;
    align-items: center;
    gap: 9px;
}

.z3-announcement a { margin-left: auto; color: var(--z3-green); font-weight: 700; }

.z3-live-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: var(--z3-green);
    box-shadow: 0 0 0 4px rgba(66, 211, 146, .12);
}

#header.z3-site-header {
    position: relative;
    z-index: 30;
    margin: 0;
    padding: 0;
    overflow: visible;
    border-bottom: 1px solid var(--z3-border-soft);
    background: rgba(8, 13, 18, .92);
    box-shadow: 0 10px 35px rgba(0, 0, 0, .16);
}

.z3-header-inner {
    min-height: 78px;
    display: flex;
    align-items: center;
    gap: 32px;
}

.z3-brand {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    color: var(--z3-text) !important;
    font-size: 27px;
    font-weight: 850;
    letter-spacing: -1.4px;
    line-height: 1;
}

.z3-brand-mark {
    width: 32px;
    height: 40px;
    margin-right: 9px;
    flex: 0 0 32px;
    object-fit: contain;
}
.z3-brand-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
.z3-brand-copy > span { display: flex; align-items: baseline; }
.z3-brand b { color: var(--z3-green); font-weight: 850; }
.z3-brand small {
    color: #718594;
    font-size: 8px;
    font-weight: 750;
    letter-spacing: 1.35px;
    text-transform: uppercase;
    white-space: nowrap;
}

.z3-header-ad {
    margin-top: 18px;
    text-align: center;
    overflow: hidden;
}
.z3-header-ad:empty {
    display: none;
}
.z3-header-ad img, .z3-header-ad iframe { max-width: 100%; height: auto; }
.z3-ad-slot {
    width: 100%;
    display: block;
}
.z3-ad-slot:empty,
.z3-ad-stack:empty {
    display: none;
}
.z3-ad-placeholder {
    display: none;
    align-items: center;
    justify-content: center;
    min-height: 92px;
    padding: 16px;
    border: 1px dashed rgba(76, 214, 148, .32);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(19, 42, 48, .72), rgba(10, 16, 23, .72));
    color: #78909d;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.z3-ad-slot img,
.z3-ad-slot iframe {
    max-width: 100%;
    height: auto;
}
.z3-ad-slot > div {
    max-width: 100%;
}

.z3-site-header .menu { margin-left: 16px; }
.z3-site-header .menu ul {
    display: flex;
    align-items: center;
    gap: 4px;
    height: auto;
    margin: 0;
    padding: 0;
    background: transparent;
    list-style: none;
}
.z3-site-header .menu li { float: none; height: auto; line-height: normal; overflow: visible; }
.z3-site-header .menu ul a {
    float: none;
    clear: none;
    display: block;
    width: auto;
    height: auto;
    padding: 10px 11px;
    border-radius: 8px;
    background: transparent;
    color: #aebdc7;
    font-size: 13px;
    font-weight: 650;
    line-height: 1;
}
.z3-site-header .menu ul a:hover { background: var(--z3-green-soft); color: var(--z3-green); }

.z3-style-switcher {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
    padding: 5px;
    border: 1px solid var(--z3-border);
    border-radius: 10px;
    background: rgba(17, 26, 36, .7);
}
.z3-style-switcher span {
    padding: 0 5px;
    color: #718594;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .9px;
    text-transform: uppercase;
}
.z3-style-switcher a {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 9px;
    border-radius: 7px;
    color: #b9c8d1 !important;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}
.z3-style-switcher a:hover {
    background: var(--z3-green-soft);
    color: var(--z3-green) !important;
}

#panel.z3-account-panel {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: auto;
    min-width: 0;
    margin: 0 0 0 auto;
    padding: 0;
    float: none;
    border-radius: 0;
    background: transparent;
    color: var(--z3-text);
    font-size: 13px;
}

.z3-guest-actions, .z3-member-actions { display: flex; align-items: center; gap: 11px; }
.z3-login-link { padding: 9px 4px; color: #c1ced6 !important; font-weight: 700; }

.z3-button, input.button, button.button, .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 19px;
    border: 1px solid var(--z3-green-strong);
    border-radius: 9px;
    background: linear-gradient(180deg, #36cd8b, #1cab70);
    box-shadow: 0 8px 22px rgba(27, 185, 120, .17);
    color: #04130d !important;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}
.z3-button:hover, input.button:hover, button.button:hover, .button:hover { filter: brightness(1.07); transform: translateY(-1px); }
.z3-button-small { min-height: 38px; padding: 0 15px; }
.z3-button-secondary { border-color: var(--z3-border); background: var(--z3-surface-2); box-shadow: none; color: #d9e4e9 !important; }

.z3-member-avatar img { display: block; width: 40px; height: 40px; object-fit: cover; border: 2px solid #344859; border-radius: 50%; }
.z3-member-meta { display: flex; flex-direction: column; max-width: 240px; line-height: 1.25; }
.z3-member-meta strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.z3-member-meta span, .z3-member-meta a { color: var(--z3-muted); font-size: 10px; }
.z3-icon-button { padding: 8px 9px; border: 1px solid var(--z3-border); border-radius: 7px; background: var(--z3-surface); color: #b9c8d1 !important; font-size: 10px; font-weight: 750; }
.z3-staff-links { display: inline; color: var(--z3-muted); font-size: 10px; }
.z3-staff-links a { color: var(--z3-green); font-weight: 700; }

.z3-system-messages:empty, .z3-breadcrumb:empty { display: none; }
.z3-system-messages > * { margin-bottom: 12px; }
.z3-breadcrumb { margin: 0 0 18px; color: var(--z3-muted); }
.z3-home .z3-breadcrumb { display: none; }
.navigation, .navigation a:link, .navigation a:visited { color: var(--z3-muted); font-size: 12px; }
.navigation .active { color: #dce8ed; font-size: 12px; }

.z3-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(340px, .65fr);
    gap: 30px;
    align-items: stretch;
    padding: 48px;
    border: 1px solid var(--z3-border-soft);
    border-radius: 20px;
    background:
        radial-gradient(circle at 12% 0%, rgba(66, 211, 146, .12), transparent 30rem),
        linear-gradient(135deg, rgba(17, 26, 36, .98), rgba(10, 17, 24, .98));
    box-shadow: var(--z3-shadow);
    overflow: hidden;
}

.z3-hero:after {
    content: "";
    position: absolute;
    right: -140px;
    top: -180px;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(66, 211, 146, .12);
    border-radius: 50%;
    box-shadow: 0 0 0 70px rgba(66, 211, 146, .025), 0 0 0 140px rgba(66, 211, 146, .018);
    pointer-events: none;
}

.z3-hero-copy, .z3-trust-card { position: relative; z-index: 1; }
.z3-eyebrow, .z3-card-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--z3-green);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}
.z3-hero h1 { max-width: 760px; margin: 16px 0 18px; font-size: clamp(36px, 4.1vw, 62px); font-weight: 850; letter-spacing: -3px; line-height: .98; }
.z3-hero h1 em { color: var(--z3-green); font-style: normal; }
.z3-hero-copy > p { max-width: 720px; margin: 0; color: #aab9c3; font-size: 16px; line-height: 1.7; }
.z3-hero-actions { display: flex; gap: 10px; margin-top: 27px; }
.z3-hero-search { display: grid; grid-template-columns: 1fr auto; max-width: 680px; margin-top: 30px; }
.z3-hero-search label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.z3-hero-search input.textbox {
    min-width: 0;
    height: 46px;
    padding: 0 16px;
    border: 1px solid var(--z3-border);
    border-right: 0;
    border-radius: 10px 0 0 10px;
    background: #0b1219;
    color: var(--z3-text);
    font-size: 13px;
}
.z3-hero-search .button { height: 46px; border-radius: 0 10px 10px 0; }

.z3-trust-card { align-self: center; padding: 24px; border: 1px solid var(--z3-border); border-radius: var(--z3-radius); background: rgba(8, 14, 20, .76); box-shadow: 0 18px 45px rgba(0,0,0,.2); }
.z3-trust-item { display: grid; grid-template-columns: 42px 1fr; gap: 12px; align-items: flex-start; padding: 17px 0; border-bottom: 1px solid var(--z3-border-soft); }
.z3-trust-icon { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: 1px solid rgba(66, 211, 146, .28); border-radius: 10px; background: rgba(66, 211, 146, .10); color: var(--z3-green); font-size: 14px; font-weight: 900; line-height: 1; box-shadow: inset 0 1px 0 rgba(255,255,255,.05); }
.z3-trust-item div { display: flex; flex-direction: column; gap: 2px; }
.z3-trust-item strong { font-size: 13px; }
.z3-trust-item span { color: var(--z3-muted); font-size: 11px; }
.z3-trust-card > a { display: inline-block; margin-top: 18px; color: var(--z3-green); font-size: 11px; font-weight: 750; }

.z3-home-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 22px; align-items: start; margin-top: 42px; }
.z3-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin: 0 0 16px; }
.z3-section-heading h2 { margin-top: 5px; font-size: 23px; font-weight: 800; letter-spacing: -.6px; }
.z3-section-heading > a { color: var(--z3-muted); font-size: 11px; font-weight: 700; }

#forum_block { width: auto; margin: 0; padding: 0; border-radius: 0; background: transparent; box-shadow: none; }
.z3-category { margin: 0 0 14px; padding: 0; border: 1px solid var(--z3-border); border-collapse: separate; border-spacing: 0; border-radius: var(--z3-radius); background: var(--z3-surface); box-shadow: 0 12px 32px rgba(0,0,0,.12); overflow: hidden; }
.z3-category .thead { position: relative; height: auto; min-height: 74px; padding: 16px 52px 16px 18px; border: 0; border-bottom: 1px solid var(--z3-border); border-radius: 0; background: linear-gradient(90deg, rgba(66,211,146,.08), rgba(66,211,146,.015)); color: var(--z3-text); line-height: 1.35; }
.z3-category-title { display: flex; align-items: center; gap: 14px; }
.z3-category-title strong a { color: #f4f8fa; font-size: 17px; font-weight: 800; }
.z3-category-title .smalltext { margin-top: 3px; color: var(--z3-muted); font-size: 11px; font-weight: 450; }
.z3-category-icon { display: grid; place-items: center; width: 48px; height: 48px; flex: 0 0 48px; border: 1px solid rgba(66,211,146,.25); border-radius: 12px; background: var(--z3-green-soft); color: var(--z3-green); font-size: 17px; }
.z3-category .expcolimage { position: absolute; right: 18px; top: 50%; margin: -8px 0 0; opacity: .65; }

.z3-forum-row td { padding: 15px 12px; border: 0; border-bottom: 1px solid var(--z3-border-soft); background: var(--z3-surface); transition: background .18s ease; }
.z3-forum-row:last-child td { border-bottom: 0; }
.z3-forum-row:hover td { background: var(--z3-surface-2); }
.z3-forum-status { width: 68px; padding-left: 16px !important; text-align: center; }
.z3-forum-status img { width: 40px; height: 40px; object-fit: contain; opacity: .95; }
.z3-forum-main { min-width: 260px; }
.z3-forum-main > strong > a { color: #edf4f7; font-size: 14px; font-weight: 780; }
.z3-forum-main .smalltext { max-width: 610px; margin-top: 3px; color: var(--z3-muted); font-size: 11px; line-height: 1.45; }
.z3-forum-main .smalltext font { color: inherit !important; }
.z3-forum-counts { width: 92px; white-space: nowrap; color: #728695; text-align: center; }
.z3-forum-counts span {
    display: block;
    margin-top: 2px;
    font-size: 10px;
    line-height: 1.2;
}
.z3-forum-counts strong { display: block; color: #c9d7de; font-size: 12px; line-height: 1.15; }
.z3-forum-counts br { display: none; }
.z3-forum-counts .smalltext { display: inline !important; font-size: 9px; line-height: 1; }
.z3-forum-lastpost { width: 230px; color: var(--z3-muted); font-size: 10px; text-align: right; white-space: normal !important; }
.z3-forum-lastpost a { color: #c9d7de; font-weight: 650; }
.z3-subforums-table .z3-subforums-head .tcat {
    padding: 10px 12px !important;
    background: #172530;
    color: #aebfc9;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .4px;
}
.z3-subforums-table .z3-subforums-head .z3-forum-main {
    text-align: left;
}
.z3-subforums-table .z3-subforums-head .z3-forum-counts,
.z3-subforums-table .z3-subforums-head .z3-forum-lastpost {
    width: 92px;
    font-size: 10px;
}
.z3-subforums-table .z3-subforums-head .z3-forum-lastpost {
    width: 230px;
}

.z3-sidebar { display: grid; gap: 14px; }
.z3-side-card { padding: 20px; border: 1px solid var(--z3-border); border-radius: var(--z3-radius); background: var(--z3-surface); box-shadow: 0 12px 30px rgba(0,0,0,.13); }
.z3-side-heading { display: flex; align-items: center; gap: 9px; margin-bottom: 12px; }
.z3-side-heading h2, .z3-premium-card h2, .z3-mentoring-card h2 { font-size: 14px; font-weight: 800; }
.z3-flame { color: var(--z3-amber); }
.z3-topic-link { display: flex; flex-direction: column; gap: 3px; padding: 12px 0; border-bottom: 1px solid var(--z3-border-soft); }
.z3-topic-link:last-child { border-bottom: 0; padding-bottom: 0; }
.z3-topic-link span { color: var(--z3-green); font-size: 9px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; }
.z3-topic-link strong { color: #dce7ec; font-size: 11px; line-height: 1.4; }
.z3-premium-card { background: linear-gradient(145deg, rgba(43,57,38,.95), var(--z3-surface)); }
.z3-premium-card h2 { margin: 8px 0; line-height: 1.35; }
.z3-premium-card p { margin: 0 0 14px; color: #9faea9; font-size: 11px; }
.z3-mentoring-card {
    background: linear-gradient(145deg, rgba(18, 43, 57, .96), var(--z3-surface));
}
.z3-mentoring-card h2 { margin: 8px 0; line-height: 1.35; }
.z3-mentoring-card p { margin: 0 0 14px; color: #a9bdc8; font-size: 11px; }
.z3-text-link { color: var(--z3-green) !important; font-size: 11px; font-weight: 800; }
.z3-quick-card > a { display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px solid var(--z3-border-soft); color: #bdcad2; font-size: 11px; font-weight: 650; }
.z3-quick-card > a:last-child { border-bottom: 0; }
.z3-quick-card > a span { color: var(--z3-green); }
.z3-style-card .z3-style-switcher {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 0;
    border: 0;
    background: transparent;
}
.z3-style-card .z3-style-switcher a {
    justify-content: center;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid var(--z3-border-soft);
    border-radius: 10px;
    background: rgba(66, 211, 146, .08);
    color: #d7e6ed !important;
    font-size: 11px;
}
.z3-style-card .z3-style-switcher a:hover {
    border-color: rgba(66, 211, 146, .45);
    background: rgba(66, 211, 146, .16);
}
.z3-ad-stack { position: relative; display: grid; gap: 10px; padding-top: 0; text-align: center; }
.z3-ad-stack img, .z3-bottom-ad img, .z3-footer-ad img { max-width: 100%; height: auto; border-radius: 8px; }
.z3-ad-stack iframe, .z3-footer-ad iframe { max-width: 100%; }
.z3-ad-label { position: absolute; top: 2px; left: 0; color: #657785; font-size: 8px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }

.z3-section { margin-top: 28px; }
.z3-gallery-section > table, .z3-gallery-section .tborder { border-radius: var(--z3-radius); overflow: hidden; }
.z3-gallery-section img { object-fit: cover; }
.z3-prostats { margin-top: 28px; }
.z3-boardstats-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: 14px; }
.z3-stats-card { min-width: 0; padding: 22px; border: 1px solid var(--z3-border); border-radius: var(--z3-radius); background: var(--z3-surface); }
.z3-stat-block { display: flex; gap: 14px; align-items: flex-start; }
.z3-stat-block + .z3-stat-block { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--z3-border-soft); }
.z3-stat-icon { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; border-radius: 9px; background: var(--z3-green-soft); color: var(--z3-green); }
.z3-stat-block > div { min-width: 0; }
.z3-stat-block > div > strong { display: block; margin-bottom: 5px; color: #e7eff2; }
.z3-stat-block .smalltext strong { display: inline; margin: 0; }
.z3-stat-block .smalltext br + a,
.z3-stat-block .smalltext br + font,
.z3-stat-block .smalltext br + span,
.z3-stat-block .smalltext br + strong { margin-left: 0; }
.z3-stat-block .smalltext { display: block; color: var(--z3-muted); line-height: 1.6; }
.z3-stats-links { display: flex; justify-content: flex-end; gap: 15px; padding: 12px 4px; }
.z3-stats-links a { color: var(--z3-muted); font-size: 10px; }
.z3-bottom-ad { margin: 26px auto; text-align: center; }
.z3-community-tools { display: grid; gap: 18px; }

.tborder, .xborder {
    width: 100%;
    margin: 8px auto;
    padding: 0;
    border: 1px solid var(--z3-border);
    border-collapse: separate;
    border-spacing: 0;
    border-radius: var(--z3-radius-sm);
    background: var(--z3-surface);
    color: var(--z3-text);
    overflow: hidden;
}
.thead { height: auto; min-height: 38px; padding: 10px 14px; border: 0; border-bottom: 1px solid var(--z3-border); border-radius: 0; background: var(--z3-surface-3); color: var(--z3-text); line-height: 1.35; }
.tcat { background: #17232e; color: #c9d5dc; }
.trow1, .trow2, .trow1_summary, .trow2_summary { padding: 10px; border-color: var(--z3-border-soft); background: var(--z3-surface); color: #d7e2e7; }
.trow2 { background: #121c26; }
.trow_shaded, .trow_selected td { background: #2b3035; }
.tfoot { height: auto; padding: 9px 12px; border-radius: 0; background: #17232e; }
.smalltext { color: var(--z3-muted); font-size: 11px; }
.largetext { font-size: 16px; }

input.textbox, textarea, select {
    max-width: 100%;
    padding: 8px 10px;
    border: 1px solid var(--z3-border);
    border-radius: 7px;
    background: #0c131a;
    color: var(--z3-text);
    font-size: 13px;
}
textarea { line-height: 1.55; }
input.textbox:focus, textarea:focus, select:focus { outline: 2px solid rgba(66,211,146,.22); border-color: var(--z3-green-strong); }
.editor { border-color: var(--z3-border); background: #d9e0e4; }

.post_body { color: #dfe8ec; font-size: 14px; line-height: 1.7; }
.post_content { padding: 14px 16px; }
.z3-showthread #posts { margin-top: 8px; }
.z3-thread-head .thead { padding: 13px 16px; }
.z3-post { margin: 10px 0 0; }
.z3-showthread .thread_rating,
.z3-showthread #rating,
.z3-showthread #thread_rating,
.z3-showthread [id^="rating_thread_"],
.z3-showthread .star_rating,
.z3-showthread .star_rating_notrated,
.z3-showthread .star_rating_success,
.z3-showthread .rating_table,
.z3-thread-list .star_rating,
.z3-thread-list .rating_table,
.z3-thread-list img[src*="star_rating"],
.z3-showthread img[src*="star_rating"] {
    display: none !important;
}
.z3-post-author {
    width: 190px;
    padding: 18px 14px !important;
    text-align: center;
    white-space: normal !important;
}
.z3-author-head { display: flex; flex-direction: column; align-items: center; gap: 9px; }
.z3-author-avatar img { display: block; width: 112px !important; height: 112px !important; max-width: 112px; max-height: 112px; border-radius: 12px; object-fit: cover; object-position: center; }
.z3-author-identity { min-width: 0; }
.z3-author-details { margin-top: 11px; color: var(--z3-muted); line-height: 1.55; }
.z3-post-content-cell { min-width: 0; padding: 15px 18px !important; }
.z3-post-heading { min-height: 25px; padding-bottom: 10px; border-bottom: 1px solid var(--z3-border-soft); }
.z3-post-message { min-width: 0; max-width: 100%; padding: 14px 0; overflow-wrap: anywhere; }
.z3-post-message img, .z3-post-message iframe, .z3-post-message video { max-width: 100% !important; height: auto !important; }
.z3-post-message pre, .z3-post-message code { max-width: 100%; overflow-x: auto; }
.z3-post-message div[style*="font-family: Arial"][style*="background-color: #f9f9f9"] {
    box-sizing: border-box;
    width: min(100%, 1100px) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: clamp(16px, 2.2vw, 28px) !important;
    overflow: hidden;
    border-color: #d9e1e5 !important;
    border-radius: 14px !important;
    background: #f8fafc !important;
    color: #101418 !important;
    font-size: 16px !important;
    line-height: 1.72 !important;
    text-align: left !important;
}
.z3-post-message div[style*="font-family: Arial"][style*="background-color: #f9f9f9"] * {
    box-sizing: border-box;
}
.z3-post-message div[style*="font-family: Arial"][style*="background-color: #f9f9f9"] > p {
    max-width: 100%;
}
.z3-post-message div[style*="font-family: Arial"][style*="background-color: #f9f9f9"] span[style*="font-size: xx-large"] {
    display: block;
    margin-bottom: 16px;
    font-size: clamp(26px, 3vw, 36px) !important;
    line-height: 1.28 !important;
    letter-spacing: -.02em;
}
.z3-post-message div[style*="font-family: Arial"][style*="background-color: #f9f9f9"] span[style*="font-size: x-large"] {
    display: block;
    margin-top: 26px;
    margin-bottom: 8px;
    font-size: clamp(21px, 2.2vw, 28px) !important;
    line-height: 1.35 !important;
}
.z3-post-message div[style*="font-family: Arial"][style*="background-color: #f9f9f9"] div[style*="display: flex"] {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 16px 0 18px !important;
}
.z3-post-message div[style*="font-family: Arial"][style*="background-color: #f9f9f9"] div[style*="display: flex"] > img.postimage {
    flex: 1 1 420px;
    width: auto !important;
    max-width: min(100%, 550px) !important;
    border-radius: 10px;
}
.z3-post-message div[style*="font-family: Arial"][style*="background-color: #f9f9f9"] div[style*="display: flex"] > p {
    flex: 1 1 320px;
    min-width: 0;
    max-width: 100% !important;
    margin: 0 !important;
    color: #101418 !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    text-align: left !important;
    overflow-wrap: break-word;
}
.z3-post-signature { max-width: 100%; overflow: hidden; }
.z3-post-signature img { max-width: 100% !important; height: auto !important; }
.z3-post-meta { margin-top: 14px; color: var(--z3-muted); font-size: 10px; text-align: right; }
.z3-post-date { width: 190px; padding: 9px 12px !important; text-align: center; white-space: normal !important; }
.z3-post-actions-cell { padding: 8px 12px !important; }
.z3-post-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.z3-post-user-actions, .z3-post-management-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.z3-post-actions a, .z3-post-actions img { display: inline-flex; max-width: 100%; }
.z3-thread-search form { display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.z3-quickreply-editor textarea { display: block; width: 100%; min-height: 210px; resize: vertical; }
.z3-quickreply-codebuttons { max-width: 100%; overflow-x: auto; }
.z3-quickreply-codebuttons table { max-width: 100%; }
.z3-quickreply-buttons { display: flex; justify-content: center; gap: 8px; }
.z3-similarthreads { table-layout: auto; }
.z3-similar-subject { min-width: 220px; }
.z3-similar-lastpost { white-space: nowrap; }
.z3-showthread .thread_tools { margin: 4px 0; padding-left: 22px; }
blockquote, .codeblock { padding: 13px; border: 1px solid var(--z3-border); border-radius: 8px; background: #0b1219; color: #c9d6dc; }
blockquote cite, .codeblock .title { border-color: var(--z3-border); }
.pm_alert { border-color: rgba(255,184,77,.4); background: rgba(255,184,77,.08); color: #ffd18b; }
.red_alert, div.error { border: 1px solid rgba(255,107,107,.45); border-radius: 8px; background: rgba(255,107,107,.08); color: #ff9a9a; }
.popup_menu { border-color: var(--z3-border); background: var(--z3-surface-2); }
.popup_menu .popup_item { background: var(--z3-surface); color: var(--z3-text); }
.popup_menu .popup_item:hover { background: var(--z3-surface-3); color: var(--z3-green); }

.z3-quickreply-codebuttons,
.z3-quickreply-codebuttons table,
.z3-quickreply-codebuttons tbody,
.z3-quickreply-codebuttons tr,
.z3-quickreply-codebuttons td,
.editor,
.editor_control_bar {
    background: #101c27 !important;
    color: #d7e7ee !important;
    border-color: var(--z3-border) !important;
}
.z3-quickreply-codebuttons {
    padding: 8px;
    border: 1px solid var(--z3-border);
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
}
.z3-quickreply-codebuttons select,
.z3-quickreply-codebuttons input,
.z3-quickreply-codebuttons button,
.editor select,
.editor input,
.editor button,
.editor_dropdown,
.editor_dropdown_menu {
    min-width: 118px !important;
    height: 28px !important;
    margin: 2px !important;
    padding: 3px 7px !important;
    background: #0b141d !important;
    border: 1px solid #294050 !important;
    border-radius: 6px !important;
    color: #e4f2f7 !important;
    font-size: 12px !important;
    line-height: 20px !important;
}
.z3-quickreply-codebuttons img,
.editor img {
    max-width: none;
    vertical-align: middle;
}
.pagination a { border-color: var(--z3-border); border-radius: 5px; }
.pagination .pagination_current { border-color: var(--z3-green-strong); border-radius: 5px; background: var(--z3-green); color: #07110d; }

.usercp_nav_item img,
.tborder img[src*="avatar"],
.tborder img[src*="uploads/avatars"],
.tborder img[src*="default_avatar"],
.member_profile img[src*="avatar"],
.member_profile img[src*="uploads/avatars"],
.member_profile img[src*="default_avatar"] {
    max-width: 100%;
    height: auto;
}

body[action="usercp"] .tborder img[src*="avatar"],
body[action="usercp"] .tborder img[src*="uploads/avatars"],
body[action="usercp"] .tborder img[src*="default_avatar"],
.usercp_avatar img,
#usercp_avatar img {
    display: block;
    width: 96px !important;
    height: 96px !important;
    max-width: 96px !important;
    max-height: 96px !important;
    border: 1px solid var(--z3-border);
    border-radius: 12px;
    background: #0b1219;
    object-fit: cover;
    object-position: center;
}

.member_profile img[src*="avatar"],
.member_profile img[src*="uploads/avatars"],
.member_profile img[src*="default_avatar"],
table.tborder td[width="25%"][align="right"][valign="middle"] img[src*="avatar"],
table.tborder td[width="25%"][align="right"][valign="middle"] img[src*="uploads/avatars"],
table.tborder td[width="25%"][align="right"][valign="middle"] img[src*="default_avatar"],
table.tborder td[width="1"] img[src*="avatar"],
table.tborder td[width="1"] img[src*="uploads/avatars"],
table.tborder td[width="1"] img[src*="default_avatar"] {
    display: block;
    width: 112px !important;
    height: 112px !important;
    max-width: 112px !important;
    max-height: 112px !important;
    border: 1px solid var(--z3-border);
    border-radius: 14px;
    background: #0b1219;
    object-fit: cover;
    object-position: center;
}

.z3-footer-ad { margin-top: 34px; text-align: center; }
.z3-footer { margin-top: 34px; padding: 34px 0 18px; border-top: 1px solid var(--z3-border); }
.z3-footer-grid { display: grid; grid-template-columns: 1.65fr repeat(3, 1fr); gap: 46px; }
.z3-footer-grid .z3-brand-footer { margin-bottom: 12px; font-size: 23px; }
.z3-footer-grid p { max-width: 380px; margin: 14px 0 0; color: var(--z3-muted); font-size: 11px; }
.z3-footer-grid > div { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.z3-footer-grid > div > strong { margin-bottom: 4px; color: #dce7ec; font-size: 11px; text-transform: uppercase; letter-spacing: .8px; }
.z3-footer-grid > div > a { color: var(--z3-muted); font-size: 11px; }
.z3-footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 28px; padding-top: 16px; border-top: 1px solid var(--z3-border-soft); color: #657784; font-size: 9px; }
#debug { float: none; text-align: inherit; }

@media (max-width: 1180px) {
    .z3-header-inner { gap: 18px; }
    .z3-site-header .menu { margin-left: 0; }
    .z3-site-header .menu ul a { padding: 9px 7px; font-size: 11px; }
    .z3-member-meta, .z3-icon-button { display: none; }
    .z3-hero { grid-template-columns: 1fr 340px; padding: 38px; }
    .z3-home-layout { grid-template-columns: minmax(0,1fr) 280px; }
    .z3-forum-lastpost { width: 185px; }
}

@media (max-width: 940px) {
    .z3-wrap { width: calc(100% - 30px); max-width: 760px; }
    #content { width: calc(100% - 30px) !important; max-width: 760px; }
    .z3-header-inner { min-height: 70px; flex-wrap: wrap; padding: 14px 0; }
    .z3-primary-nav { order: 3; width: 100%; overflow-x: auto; }
    .z3-site-header .menu ul { justify-content: flex-start; min-width: max-content; }
    #panel.z3-account-panel { align-items: flex-end; }
    .z3-hero { grid-template-columns: 1fr; gap: 26px; padding: 34px; }
    .z3-trust-card { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; align-items: start; }
    .z3-trust-card > .z3-card-label, .z3-trust-card > a { grid-column: 1 / -1; }
    .z3-trust-item { display: block; padding: 11px; border: 1px solid var(--z3-border-soft); border-radius: 9px; }
    .z3-trust-icon { display: inline-flex; margin-bottom: 7px; }
    .z3-home-layout { grid-template-columns: 1fr; }
    .z3-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .z3-ad-stack { grid-column: 1 / -1; }
    .z3-boardstats-grid { grid-template-columns: 1fr; }
    .z3-footer-grid { grid-template-columns: 1.4fr repeat(3,1fr); gap: 22px; }
}

@media (max-width: 680px) {
    .z3-wrap { width: calc(100% - 22px); }
    #content { width: calc(100% - 22px) !important; }
    #content { padding-top: 14px; }
    .z3-announcement { display: none; }
    .z3-header-inner { gap: 12px; }
    .z3-brand { font-size: 22px; }
    .z3-brand-mark { width: 27px; height: 34px; margin-right: 7px; flex-basis: 27px; }
    .z3-brand-copy { gap: 4px; }
    #panel.z3-account-panel { width: 100%; margin-left: 0; align-items: stretch; }
    .z3-member-actions {
        width: 100%;
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 6px;
        padding-top: 2px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .z3-member-actions::-webkit-scrollbar { display: none; }
    .z3-member-avatar img {
        width: 28px;
        height: 28px;
    }
    .z3-icon-button {
        display: inline-flex !important;
        flex: 0 0 auto;
        min-height: 28px;
        padding: 0 8px;
        font-size: 9px;
        white-space: nowrap;
    }
    .z3-staff-links {
        display: flex !important;
        flex: 0 0 auto;
        flex-wrap: nowrap;
        align-items: center;
        gap: 5px;
        width: auto;
        font-size: 9px;
        white-space: nowrap;
    }
    .z3-staff-links a {
        display: inline-flex;
        flex: 0 0 auto;
        min-height: 26px;
        align-items: center;
        padding: 0 7px;
        border: 1px solid var(--z3-border-soft);
        border-radius: 8px;
        background: rgba(66, 211, 146, .08);
        white-space: nowrap;
    }
    .z3-style-switcher {
        width: 100%;
        justify-content: center;
        overflow-x: auto;
    }
    .z3-style-switcher span { display: none; }
    .z3-login-link { display: none; }
    .z3-button-small { min-height: 34px; padding: 0 11px; font-size: 10px; }
    .z3-member-actions { gap: 7px; }
    .z3-hero { padding: 26px 20px; border-radius: 15px; }
    .z3-hero h1 { margin-top: 13px; font-size: 38px; letter-spacing: -2px; }
    .z3-hero-copy > p { font-size: 14px; }
    .z3-hero-actions { flex-direction: column; }
    .z3-hero-actions .z3-button { width: 100%; }
    .z3-hero-search { grid-template-columns: 1fr; }
    .z3-hero-search input.textbox { border-right: 1px solid var(--z3-border); border-radius: 9px; }
    .z3-hero-search .button { margin-top: 7px; border-radius: 9px; }
    .z3-trust-card { grid-template-columns: 1fr; }
    #content table:has(.usercp_nav_item),
    #content table:has(.usercp_nav_item) > tbody,
    #content table:has(.usercp_nav_item) > tbody > tr,
    #content table:has(.usercp_nav_item) > tbody > tr > td {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
    }
    #content table:has(.usercp_nav_item) > tbody > tr > td:first-child {
        margin-bottom: 14px;
    }
    #content table:has(.usercp_nav_item) table {
        max-width: 100% !important;
    }
    #content table:has(.usercp_nav_item) .tborder {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    #content table:has(.usercp_nav_item) .tborder tbody,
    #content table:has(.usercp_nav_item) .tborder tr {
        max-width: 100%;
    }
    #content table:has(.usercp_nav_item) .tborder table,
    #content table:has(.usercp_nav_item) .tborder > tbody,
    #content table:has(.usercp_nav_item) .tborder > tbody > tr {
        width: 100%;
    }
    #content table:has(.usercp_nav_item) .tborder table {
        min-width: 620px;
    }
    #content table:has(.usercp_nav_item) .tborder td,
    #content table:has(.usercp_nav_item) .tborder th {
        overflow-wrap: normal;
        word-break: normal;
    }
    #content table:has(.usercp_nav_item) .tborder td:first-child,
    #content table:has(.usercp_nav_item) .tborder th:first-child {
        min-width: 210px;
    }
    .z3-trust-card > .z3-card-label, .z3-trust-card > a { grid-column: auto; }
    .z3-section-heading { align-items: flex-start; }
    .z3-section-heading > a { display: none; }
    .z3-section-heading h2 { font-size: 20px; }
    .z3-category .thead { padding-left: 13px; }
    .z3-category-title { gap: 10px; }
    .z3-category-icon { width: 42px; height: 42px; flex-basis: 42px; font-size: 15px; }
    .z3-category-title strong a { font-size: 14px; }
    .z3-category-title .smalltext { display: none; }
    .z3-forum-row td { padding-top: 13px; padding-bottom: 13px; }
    .z3-forum-status { width: 48px; padding-left: 8px !important; padding-right: 4px !important; }
    .z3-forum-status img { width: 32px; height: 32px; }
    .z3-forum-main { min-width: 0; }
    .z3-forum-main > strong > a { font-size: 12px; }
    .z3-forum-main .smalltext { max-height: 34px; overflow: hidden; font-size: 9px; }
    .z3-forum-counts, .z3-forum-lastpost { display: none; }
    .z3-thread-list { table-layout: auto; }
    .z3-thread-list td.tcat:nth-of-type(n+3),
    .z3-thread-list td.forumdisplay_regular:nth-child(2),
    .z3-thread-list td.forumdisplay_regular:nth-child(n+5),
    .z3-thread-list td.forumdisplay_sticky:nth-child(2),
    .z3-thread-list td.forumdisplay_sticky:nth-child(n+5) { display: none; }
    .z3-thread-list td.tcat:first-child { width: auto !important; }
    .z3-thread-list td.tcat:nth-of-type(2) { width: 52px !important; padding-left: 4px; padding-right: 4px; }
    .z3-thread-list td.forumdisplay_regular:first-child,
    .z3-thread-list td.forumdisplay_sticky:first-child { width: 28px !important; padding: 6px 3px; }
    .z3-thread-list td.forumdisplay_regular:nth-child(3),
    .z3-thread-list td.forumdisplay_sticky:nth-child(3) { width: auto; padding: 10px 5px; overflow-wrap: anywhere; }
    .z3-thread-list td.forumdisplay_regular:nth-child(4),
    .z3-thread-list td.forumdisplay_sticky:nth-child(4) { width: 52px; padding: 6px 3px; }
    .z3-showthread #content { padding-bottom: 86px; }
    .z3-showthread #content > .float_left,
    .z3-showthread #content > .float_right { float: none; width: 100%; max-width: 100%; margin: 7px 0; text-align: left !important; }
    .z3-showthread #content > .float_right img { max-width: 100%; height: auto; }
    .z3-thread-head { display: block; width: 100%; }
    .z3-thread-head tbody, .z3-thread-head tr, .z3-thread-head td { display: block; width: 100%; }
    .z3-thread-head .tcat { display: none !important; }
    .z3-thread-head .thead > div { float: none !important; width: auto !important; margin: 0 0 7px; }
    .z3-thread-head .thead > div:first-child { color: var(--z3-muted); font-size: 10px; }
    .z3-showthread #posts { margin-top: 8px; }
    .z3-post, .z3-post > tbody { display: block; width: 100%; max-width: 100%; }
    .z3-post > tbody > tr { width: 100%; max-width: 100%; }
    .z3-post-main-row { display: flex; flex-direction: column; }
    .z3-post-main-row > td { display: block; width: 100% !important; max-width: 100%; }
    .z3-post-author { padding: 13px !important; text-align: left !important; }
    .z3-author-head { flex-direction: row; align-items: center; gap: 12px; }
    .z3-author-avatar { flex: 0 0 62px; }
    .z3-author-avatar img { display: block; width: 62px !important; height: 62px !important; object-fit: cover; }
    .z3-author-identity { flex: 1 1 auto; }
    .z3-author-identity .largetext { font-size: 14px; }
    .z3-author-details { display: none; }
    .z3-post-content-cell { padding: 12px !important; }
    .z3-post-heading { min-height: 30px; padding-bottom: 8px; }
    .z3-post-heading > div { max-width: 45%; }
    .z3-post-message { width: 100%; padding: 11px 0; font-size: 13px; line-height: 1.62; overflow: hidden; }
    .z3-post-message div, .z3-post-message table, .z3-post-message iframe, .z3-post-message video { max-width: 100% !important; }
    .z3-post-message div[style*="font-family: Arial"][style*="background-color: #f9f9f9"] {
        width: 100% !important;
        padding: 14px !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
    }
    .z3-post-message div[style*="font-family: Arial"][style*="background-color: #f9f9f9"] div[style*="display: flex"] {
        display: block !important;
    }
    .z3-post-message div[style*="font-family: Arial"][style*="background-color: #f9f9f9"] div[style*="display: flex"] > img.postimage {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px !important;
    }
    .z3-post-message div[style*="font-family: Arial"][style*="background-color: #f9f9f9"] div[style*="display: flex"] > p {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }
    .z3-post-message table { display: block; width: 100% !important; overflow-x: auto; }
    .z3-post-message td { max-width: 100%; }
    .z3-post-footer-row { display: flex; flex-direction: column; }
    .z3-post-footer-row > td { display: block; width: 100% !important; }
    .z3-post-date { padding: 7px 12px !important; text-align: left; }
    .z3-post-actions { align-items: flex-start; flex-direction: column; }
    .z3-post-user-actions, .z3-post-management-actions { width: 100%; gap: 6px; }
    .z3-post-actions a { margin: 0; }
    .z3-post > tbody > tr[id^="fr_votes_"] { display: block; }
    .z3-post > tbody > tr[id^="fr_votes_"] > td { display: block; width: 100% !important; padding: 8px 12px !important; text-align: left !important; }
    .z3-thread-search, .z3-thread-search form { width: 100%; }
    .z3-thread-search form { display: grid; grid-template-columns: 1fr; }
    .z3-thread-search input { width: 100%; }
    .z3-quickreply-table, .z3-quickreply-table > tbody { display: block; width: 100%; }
    .z3-quickreply-main { display: flex; flex-direction: column; width: 100%; }
    .z3-quickreply-main > td { display: block; width: 100% !important; }
    .z3-quickreply-options { padding: 12px !important; }
    .z3-quickreply-smilies, .z3-quickreply-codebuttons { display: none; }
    .z3-quickreply-editor { padding: 12px !important; }
    .z3-quickreply-editor textarea { width: 100% !important; min-height: 180px; margin: 0; padding: 10px; }
    .z3-quickreply-buttons { flex-direction: column; padding: 2px; }
    .z3-quickreply-buttons .button { width: 100%; }
    .z3-similarthreads, .z3-similarthreads > tbody { display: block; width: 100%; }
    .z3-similarthreads > tbody > tr:first-child { display: block; width: 100%; }
    .z3-similarthreads > tbody > tr:first-child > .thead { display: block; width: 100%; text-align: left; }
    .z3-similar-head { display: none; }
    .z3-similar-row { display: grid; grid-template-columns: minmax(0, 1fr) 44px; width: 100%; border-bottom: 1px solid var(--z3-border-soft); }
    .z3-similar-row:last-child { border-bottom: 0; }
    .z3-similar-icon, .z3-similar-author, .z3-similar-views, .z3-similar-lastpost { display: none; }
    .z3-similar-subject { display: block; width: auto !important; min-width: 0; padding: 11px 9px !important; border: 0; overflow-wrap: anywhere; }
    .z3-similar-replies { display: flex; align-items: center; justify-content: center; width: auto !important; padding: 8px 4px !important; border: 0; border-left: 1px solid var(--z3-border-soft); }
    .z3-similar-subject a { font-size: 11px; line-height: 1.4; }
    .z3-showthread .thread_tools { margin: 12px 0; padding: 0; list-style: none; }
    .z3-showthread .thread_tools li { margin: 0 0 7px; }
    .z3-showthread form[action="moderation.php"] { display: grid; grid-template-columns: 1fr; gap: 7px; width: 100%; text-align: left; }
    .z3-showthread form[action="moderation.php"] select,
    .z3-showthread form[action="moderation.php"] .button { width: 100%; }
    .z3-showthread #moderator_options { margin-top: 12px !important; }
    .z3-gallery-section { min-width: 0; overflow: hidden; }
    .z3-gallery-section .trow1 { padding: 8px !important; }
    .z3-gallery-section .trow1 > table,
    .z3-gallery-section .trow1 > table > tbody { display: block; width: 100% !important; }
    .z3-gallery-section .trow1 > table > tbody > tr {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
        width: 100%;
        margin-bottom: 9px;
    }
    .z3-gallery-section td.comment_count { display: block; width: auto !important; min-width: 0; padding: 0 !important; }
    .z3-gallery-section td.comment_count > a { display: flex; min-width: 0; height: 100%; flex-direction: column; }
    .z3-gallery-section td.comment_count > a > img {
        display: block;
        width: 100% !important;
        height: 128px !important;
        border-radius: 8px;
        object-fit: cover;
    }
    .z3-gallery-section .comment_count_val {
        width: 100% !important;
        margin-top: 5px;
        border-radius: 6px;
        font-size: 9px;
    }
    .z3-gallery-section p.comment_count { margin: 4px 2px; }
    .z3-prostats { width: 100%; min-width: 0; overflow: hidden; }
    #prostats_table, #prostats_table > table { display: block; width: 100% !important; max-width: 100%; }
    #prostats_table > table > thead,
    #prostats_table > table > tbody { display: block; width: 100%; }
    #prostats_table > table > tbody > tr {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
    }
    #prostats_table > table > tbody > tr > td {
        display: block;
        width: 100% !important;
        min-width: 0;
        padding: 9px !important;
        border-top: 1px solid var(--z3-border-soft);
    }
    #prostats_table > table > tbody > tr > td table { max-width: 100%; }
    #prostats_table > table > tbody > tr > td:first-child > table > tbody > tr > td > table,
    #prostats_table > table > tbody > tr > td:first-child > table > tbody > tr > td > table > tbody {
        display: block;
        width: 100% !important;
    }
    #prostats_table > table > tbody > tr > td:first-child > table > tbody > tr > td > table > tbody > tr {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 76px;
        width: 100%;
        align-items: start;
        border-bottom: 1px solid var(--z3-border-soft);
    }
    #prostats_table > table > tbody > tr > td:first-child > table > tbody > tr > td > table > tbody > tr:last-child { border-bottom: 0; }
    #prostats_table > table > tbody > tr > td:first-child > table > tbody > tr > td > table > tbody > tr > td {
        display: block;
        width: auto !important;
        min-width: 0;
        padding: 8px 5px !important;
        overflow-wrap: anywhere;
    }
    #prostats_table > table > tbody > tr > td:first-child > table > tbody > tr > td > table > tbody > tr > td:nth-child(n+3) { display: none; }
    #prostats_table .prefiks { display: inline-block; max-width: 100%; }
    .z3-community-tools { width: 100%; min-width: 0; overflow: hidden; }
    .z3-community-tools > table { width: 100% !important; max-width: 100%; table-layout: fixed; }
    .z3-community-tools form[name="fcb_form"] { width: 100%; }
    .z3-community-tools #hmess { width: 100% !important; max-width: 100%; }
    .z3-community-tools form[name="fcb_form"] > div {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
        width: 100%;
    }
    .z3-community-tools form[name="fcb_form"] > div > .button { width: 100%; min-width: 0; padding-left: 5px; padding-right: 5px; }
    .z3-community-tools #fcb_img { max-width: 100%; overflow: hidden; }
    .z3-community-tools #img_obrazek { display: block; width: 100%; max-width: 100%; margin-top: 6px; }
    .z3-community-tools iframe[name="fcb_frame"] { display: block; width: 100% !important; max-width: 100%; height: 330px !important; }
    .z3-community-tools #shoutbox_e,
    .z3-community-tools #shoutbox_e > tr { display: block; width: 100%; }
    .z3-community-tools #shoutbox_e > tr > td {
        display: block;
        width: 100% !important;
        max-width: 100%;
        padding: 8px !important;
    }
    .z3-community-tools #shoutbox_e form { display: flex; flex-wrap: wrap; gap: 6px; width: 100%; }
    .z3-community-tools #shout_data { flex: 1 1 100%; width: 100% !important; max-width: 100%; }
    .z3-community-tools #shouting-status { width: 100%; min-height: 34px; }
    .z3-community-tools #shoutbox_data {
        width: 100% !important;
        max-width: 100%;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overflow-wrap: anywhere;
    }
    .z3-community-tools #shoutbox_e > tr > td:last-child { text-align: left !important; }
    .z3-sidebar { grid-template-columns: 1fr; }
    .z3-ad-stack { grid-column: auto; }
    .z3-footer-grid { grid-template-columns: 1fr 1fr; }
    .z3-footer-grid > div:first-child { grid-column: 1 / -1; }
    .z3-footer-bottom { flex-wrap: wrap; }
    table { font-size: 11px; }
}

@media (max-width: 480px) {
    .z3-primary-nav { overflow: visible; }
    .z3-site-header .menu ul {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        width: 100%;
        min-width: 0;
        gap: 2px;
    }
    .z3-site-header .menu li { min-width: 0; }
    .z3-site-header .menu ul a {
        width: 100%;
        padding: 8px 3px;
        font-size: 9px;
        text-align: center;
        white-space: nowrap;
    }
}

/* === Zarabiam3 MyBB editor dropdown repair === */
.messageEditor,
.messageEditor *,
.z3-quickreply-codebuttons {
    box-sizing: content-box;
}

.messageEditor,
.messageEditor .toolbar_container,
.messageEditor .toolbar,
.z3-quickreply-codebuttons {
    overflow: visible !important;
}

.messageEditor {
    position: relative;
    z-index: 20;
    color: #d7e7ee !important;
    background: #101c27 !important;
    border: 1px solid #294050 !important;
}

.messageEditor .toolbar_container,
.messageEditor .toolbar {
    height: auto !important;
    min-height: 28px;
}

.messageEditor .toolbar_dropdown.editor_dropdown {
    min-width: 130px !important;
    width: auto !important;
    height: auto !important;
    margin: 3px 4px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    position: relative !important;
    z-index: 1000 !important;
    color: #d7e7ee !important;
}

.messageEditor .toolbar_dropdown_image.editor_dropdown {
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 4px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    position: relative !important;
    z-index: 1000 !important;
}

.messageEditor .editor_dropdown_label {
    min-width: 120px !important;
    height: 14px !important;
    margin: 0 14px 0 0 !important;
    padding: 3px 4px !important;
    border: 1px solid #294050 !important;
    border-right: 0 !important;
    border-radius: 4px 0 0 4px;
    background: #0b141d !important;
    color: #e4f2f7 !important;
    line-height: 14px !important;
    overflow: hidden !important;
}

.messageEditor .toolbar_dropdown_image .editor_dropdown_label {
    min-width: 0 !important;
    width: 23px !important;
    height: 22px !important;
    margin: 2px 0 !important;
    padding: 0 !important;
    border: 1px solid #294050 !important;
    border-radius: 4px 0 0 4px;
}

.messageEditor .editor_dropdown_arrow {
    width: 14px !important;
    height: 22px !important;
    padding: 0 !important;
    border: 0 !important;
    background-color: #0b141d !important;
}

.messageEditor .toolbar_dropdown_image .editor_dropdown_arrow {
    width: 10px !important;
    margin: 2px 0 !important;
    border: 1px solid #294050 !important;
    border-left: 0 !important;
}

.messageEditor .editor_dropdown_menu {
    position: absolute !important;
    top: 24px !important;
    left: 0 !important;
    z-index: 999999 !important;
    width: 180px !important;
    min-width: 160px !important;
    height: auto !important;
    max-height: 240px !important;
    margin: 0 !important;
    margin-top: -2px !important;
    padding: 0 !important;
    overflow: auto !important;
    border: 1px solid #294050 !important;
    border-radius: 7px !important;
    background: #0b141d !important;
    color: #e4f2f7 !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.42);
}

.messageEditor .toolbar_dropdown_image .editor_dropdown_menu {
    margin-top: -1px !important;
}

.messageEditor .editor_dropdown_menu li {
    display: block !important;
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 6px 8px 6px 14px !important;
    border: 0 !important;
    background: transparent !important;
    color: #e4f2f7 !important;
    line-height: 1.25 !important;
    list-style: none !important;
    white-space: nowrap;
}

.messageEditor .editor_dropdown_menu li.editor_dropdown_menu_title {
    background: #172530 !important;
    color: #88d6b2 !important;
    border-bottom: 1px solid #294050 !important;
    font-weight: 800;
}

.messageEditor .editor_dropdown_menu li.editor_dropdown_menu_item_over,
.messageEditor .editor_dropdown_menu li:hover {
    background: #17364b !important;
    color: #ffffff !important;
}

.messageEditor .toolbar_button_color .editor_dropdown_menu {
    width: 158px !important;
    min-width: 158px !important;
    height: 105px !important;
    max-height: 120px !important;
    padding: 4px !important;
    background: #0b141d !important;
}

.messageEditor .toolbar_button_color li.editor_dropdown_color_item {
    float: left !important;
    width: 13px !important;
    height: 13px !important;
    min-height: 13px !important;
    margin: 1px !important;
    padding: 3px !important;
}

.messageEditor .toolbar_button_color a {
    display: block !important;
    width: 11px !important;
    height: 11px !important;
}

.messageEditor textarea {
    box-sizing: border-box;
}

@media (max-width: 680px) {
    .messageEditor .toolbar_container,
    .messageEditor .toolbar {
        min-width: 520px;
    }

    .z3-quickreply-codebuttons {
        overflow-x: auto !important;
        overflow-y: visible !important;
        padding-bottom: 16px;
    }
}


/* Zarabiam post action buttons restored after MyBB 1.8 migration */
.z3-post-actions a.postbit_edit,
.z3-post-actions a.postbit_find,
.z3-post-actions a.postbit_quote,
.z3-post-actions a.postbit_multiquote,
.z3-post-actions a.postbit_report,
.z3-post-actions a.postbit_delete,
.z3-post-actions a.postbit_quickdelete,
.z3-post-actions a.postbit_warn,
.z3-post-actions a.postbit_reply_pm,
.z3-post-actions a.postbit_button,
.z3-post-actions a.z4-post-btn,
.z3-post-actions a.button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-height: 26px;
    margin: 2px 3px 2px 0 !important;
    padding: 4px 9px !important;
    border: 1px solid rgba(35, 185, 128, .55) !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, #27c98d 0%, #139b6b 100%) !important;
    color: #061b13 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
    white-space: nowrap;
    box-shadow: 0 2px 7px rgba(0,0,0,.18);
}
.z3-post-actions a.postbit_edit:hover,
.z3-post-actions a.postbit_find:hover,
.z3-post-actions a.postbit_quote:hover,
.z3-post-actions a.postbit_multiquote:hover,
.z3-post-actions a.postbit_report:hover,
.z3-post-actions a.postbit_delete:hover,
.z3-post-actions a.postbit_quickdelete:hover,
.z3-post-actions a.postbit_warn:hover,
.z3-post-actions a.postbit_reply_pm:hover,
.z3-post-actions a.z4-post-btn:hover,
.z3-post-actions a.button:hover {
    background: linear-gradient(180deg, #45e2aa 0%, #1ebd83 100%) !important;
    color: #03120c !important;
}
.z3-post-actions a.postbit_edit span,
.z3-post-actions a.postbit_find span,
.z3-post-actions a.postbit_quote span,
.z3-post-actions a.postbit_multiquote span { color: inherit !important; }
.z3-post-actions .z3-post-user-actions,
.z3-post-actions .z3-post-management-actions { gap: 3px !important; }

/* WordPress/article HTML: constrain inline layouts and keep image/text inside post */
.z3-post-message { max-width: 100%; overflow-wrap: anywhere; }
.z3-post-message > div[style*="font-family: Arial"][style*="background-color: #f9f9f9"],
.z3-post-message > div[style*="font-family: Arial"][style*="background-color:#f9f9f9"] {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 18px !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
}
.z3-post-message > div[style*="display: flex"] {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
}
.z3-post-message > div[style*="font-family: Arial"] div[style*="display: flex"] > img,
.z3-post-message > div[style*="font-family: Arial"] div[style*="display: flex"] > .postimage {
    flex: 1 1 320px !important;
    width: auto !important;
    max-width: min(100%, 550px) !important;
    height: auto !important;
    object-fit: contain !important;
}
.z3-post-message > div[style*="font-family: Arial"] div[style*="display: flex"] > p {
    flex: 1 1 300px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    overflow-wrap: anywhere !important;
}
.z3-post-message img { max-width: 100% !important; height: auto; }
@media (max-width: 680px) {
    .z3-post-message > div[style*="font-family: Arial"][style*="background-color"] { padding: 12px !important; font-size: 15px !important; }
    .z3-post-message > div[style*="display: flex"] { display: block !important; }
    .z3-post-message > div[style*="font-family: Arial"] div[style*="display: flex"] > img,
    .z3-post-message > div[style*="font-family: Arial"] div[style*="display: flex"] > .postimage { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 0 12px !important; }
    .z3-post-message > div[style*="font-family: Arial"] div[style*="display: flex"] > p { display: block !important; width: 100% !important; font-size: 15px !important; }
}