.zrp-rank-list { display: inline-flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.zrp-team-group { margin: 0 0 38px; }
.zrp-team-group h2 { margin-bottom: 14px; }


/* v0.11.2 – Steam registration avatar setup prompt ----------------------- */
.zrp-avatar-setup-prompt {
    position: fixed;
    left: 50%;
    bottom: 22px;
    z-index: 99990;
    width: min(920px, calc(100vw - 28px));
    transform: translateX(-50%);
    pointer-events: none;
}
.zrp-avatar-setup-prompt__inner {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 15px 16px;
    border: 1px solid rgba(76, 201, 255, .28);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(10, 18, 33, .98), rgba(20, 18, 43, .98));
    box-shadow: 0 18px 55px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255,255,255,.03);
    pointer-events: auto;
}
.zrp-avatar-setup-prompt__avatar {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    object-fit: cover;
    border: 1px solid rgba(255,255,255,.12);
}
.zrp-avatar-setup-prompt__avatar--placeholder {
    display: grid;
    place-items: center;
    background: #15233a;
    color: #66d8ff;
    font-weight: 900;
    font-size: 20px;
}
.zrp-avatar-setup-prompt__copy { min-width: 0; }
.zrp-avatar-setup-prompt__eyebrow {
    display: block;
    margin-bottom: 3px;
    color: #62d7ff;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .14em;
}
.zrp-avatar-setup-prompt__copy strong {
    display: block;
    color: #f6f8ff;
    font-size: 15px;
    line-height: 1.25;
}
.zrp-avatar-setup-prompt__copy p {
    margin: 4px 0 0;
    color: #9eabc8;
    font-size: 12px;
    line-height: 1.45;
}
.zrp-avatar-setup-prompt__actions {
    display: flex;
    align-items: center;
    gap: 8px;
}
.zrp-avatar-setup-prompt__actions form { margin: 0; }
.zrp-avatar-setup-prompt__button {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    padding: 0 13px;
    border: 1px solid #324761;
    border-radius: 8px;
    background: #111c2c;
    color: #dce8f7;
    text-decoration: none;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
}
.zrp-avatar-setup-prompt__button:hover {
    color: #fff;
    background: #17263a;
    border-color: #4f6c8b;
}
.zrp-avatar-setup-prompt__button--primary {
    color: #06111a;
    border-color: transparent;
    background: linear-gradient(135deg, #56d5ff, #168fff);
}
.zrp-avatar-setup-prompt__button--primary:hover { color: #06111a; filter: brightness(1.06); }

@media (max-width: 760px) {
    .zrp-avatar-setup-prompt { bottom: 12px; width: calc(100vw - 18px); }
    .zrp-avatar-setup-prompt__inner { grid-template-columns: 48px minmax(0,1fr); gap: 11px; padding: 13px; }
    .zrp-avatar-setup-prompt__avatar { width: 48px; height: 48px; }
    .zrp-avatar-setup-prompt__actions { grid-column: 1 / -1; width: 100%; }
    .zrp-avatar-setup-prompt__actions a,
    .zrp-avatar-setup-prompt__actions form,
    .zrp-avatar-setup-prompt__actions button { flex: 1 1 0; width: 100%; }
}


/* v0.11.3 – Steam avatar import action ------------------------------------ */
.zrp-avatar-setup-prompt__actions { flex-wrap: wrap; justify-content: flex-end; }
.zrp-avatar-setup-prompt__button--steam {
    border-color: #47799c;
    background: #122a3b;
    color: #dff7ff;
}
.zrp-avatar-setup-prompt__button--steam:hover {
    border-color: #65cfff;
    background: #17384e;
}
.zrp-avatar-setup-prompt__button--quiet {
    border-color: transparent;
    background: transparent;
    color: #8798ad;
}
.zrp-avatar-setup-prompt__button--quiet:hover {
    border-color: #324761;
    background: #111c2c;
    color: #dce8f7;
}

/* =========================================================
   v0.12.1 – @mention autocomplete
   ========================================================= */
.zrp-mention-popover {
    position: fixed;
    z-index: 100050;
    max-height: 390px;
    overflow: auto;
    padding: 6px;
    color: #dfeaf5;
    background: #0d1621;
    border: 1px solid #334b63;
    border-top: 2px solid #38caff;
    border-radius: 5px;
    box-shadow: 0 18px 52px rgba(0,0,0,.55), 0 0 24px rgba(56,202,255,.06);
}
.zrp-mention-popover[hidden] { display: none !important; }
.zrp-mention-user {
    width: 100%;
    display: grid;
    grid-template-columns: 36px minmax(0,1fr) auto;
    gap: 9px;
    align-items: center;
    padding: 8px 9px;
    color: #dbe8f4;
    text-align: left;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
}
.zrp-mention-user:hover,
.zrp-mention-user.is-active {
    color: #fff;
    background: linear-gradient(90deg, #15283a, #111d29);
    border-color: #315873;
}
.zrp-mention-user img {
    width: 36px !important;
    height: 36px !important;
    display: block;
    object-fit: cover !important;
    border: 1px solid #3b526b;
    border-radius: 4px;
}
.zrp-mention-user__identity { min-width: 0; display: grid; gap: 1px; }
.zrp-mention-user__identity strong {
    overflow: hidden;
    color: var(--zrp-mention-rank, #eaf4ff);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .76rem;
    font-weight: 850;
}
.zrp-mention-user__identity strong::before {
    content: '';
    width: 6px;
    height: 6px;
    display: inline-block;
    margin-right: 6px;
    vertical-align: 1px;
    background: var(--zrp-mention-rank, #eaf4ff);
    border-radius: 50%;
    box-shadow: 0 0 7px var(--zrp-mention-rank, #eaf4ff);
}
.zrp-mention-user__identity small { overflow: hidden; color: #71869b; text-overflow: ellipsis; white-space: nowrap; font-size: .61rem; }
.zrp-mention-user em {
    max-width: 110px;
    padding: 3px 6px;
    overflow: hidden;
    color: var(--zrp-mention-rank, #9fb1c3);
    background: #0a121b;
    border: 1px solid currentColor;
    border-radius: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .53rem;
    font-style: normal;
    font-weight: 900;
    letter-spacing: .035em;
    text-transform: uppercase;
}
.zrp-mention-hint {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-top: 5px;
    padding: 6px 7px 1px;
    color: #61768a;
    border-top: 1px solid #223548;
    font-size: .53rem;
    font-weight: 700;
}
.zrp-mention-empty { padding: 11px 10px; color: #7e93a7; font-size: .7rem; }
@media (max-width: 620px) {
    .zrp-mention-user { grid-template-columns: 34px minmax(0,1fr); }
    .zrp-mention-user em { grid-column: 2; justify-self: start; max-width: 100%; }
    .zrp-mention-hint { display: none; }
}

/* v0.12.4 – clickable @mentions in rendered forum posts */
#wpforo #wpforo-wrap .zrp-wpf-post-content a.zrp-mention-link {
    display: inline;
    color: var(--zrp-mention-rank, #70d7ff) !important;
    text-decoration: none !important;
    font-weight: 800;
    border-bottom: 1px solid color-mix(in srgb, var(--zrp-mention-rank, #70d7ff) 55%, transparent);
    transition: filter .15s ease, border-color .15s ease;
}
#wpforo #wpforo-wrap .zrp-wpf-post-content a.zrp-mention-link:hover,
#wpforo #wpforo-wrap .zrp-wpf-post-content a.zrp-mention-link:focus-visible {
    filter: brightness(1.22);
    border-bottom-color: var(--zrp-mention-rank, #70d7ff);
}



/* v0.14.18 – reusable Legend/Layout boxes -------------------------------- */
#wpforo .zrp-legend-box,
.zrp-legend-box {
    position: relative;
    box-sizing: border-box;
    margin: 26px 0 18px;
    padding: 23px 16px 15px;
    border-style: solid;
    border-width: 2px;
    border-color: #25c9ff;
    border-radius: 8px;
    background-color: #0b1b25;
    color: #eaf7ff;
    min-height: 48px;
    overflow: visible;
}
#wpforo .zrp-legend-box__title,
.zrp-legend-box__title {
    position: absolute;
    z-index: 2;
    left: 13px;
    top: 0;
    transform: translateY(-52%);
    display: inline-block;
    max-width: calc(100% - 28px);
    padding: 3px 10px;
    border: 1px solid currentColor;
    border-radius: 5px;
    background: inherit;
    color: inherit;
    font-size: .76rem;
    font-weight: 850;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-shadow: 0 5px 14px rgba(0,0,0,.22);
}
#wpforo .zrp-legend-box__content,
.zrp-legend-box__content { min-width: 0; line-height: 1.65; }
#wpforo .zrp-legend-box__content > :first-child,
.zrp-legend-box__content > :first-child { margin-top: 0 !important; }
#wpforo .zrp-legend-box__content > :last-child,
.zrp-legend-box__content > :last-child { margin-bottom: 0 !important; }
#wpforo .zrp-legend-layout-button,
.zrp-legend-layout-button {
    min-height: 34px;
    padding: 6px 11px !important;
    border: 1px solid #3a607a !important;
    border-radius: 4px !important;
    background: #173248 !important;
    color: #dff6ff !important;
    font: inherit;
    font-size: .72rem !important;
    font-weight: 800 !important;
    cursor: pointer;
    white-space: nowrap;
}
#wpforo .zrp-legend-layout-button:hover,
.zrp-legend-layout-button:hover { border-color: #5ddcff !important; background: #214c69 !important; color: #fff !important; }
.zrp-legend-editor-tools { display:flex; gap:7px; margin:9px 0 0; }

body.zrp-legend-modal-open { overflow: hidden; }
.zrp-legend-modal[hidden] { display:none !important; }
.zrp-legend-modal { position:fixed; inset:0; z-index:1000000; display:grid; place-items:center; padding:18px; }
.zrp-legend-modal__backdrop { position:absolute; inset:0; background:rgba(2,8,13,.76); backdrop-filter:blur(4px); }
.zrp-legend-modal__panel { position:relative; width:min(760px,calc(100vw - 28px)); max-height:calc(100vh - 36px); overflow:auto; color:#e8f3fb; background:#0b1722; border:1px solid #3b607a; border-radius:8px; box-shadow:0 28px 90px rgba(0,0,0,.6); }
.zrp-legend-modal__panel > header { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; padding:17px 19px; background:linear-gradient(135deg,#17354c,#102433); border-bottom:1px solid #355974; }
.zrp-legend-modal__panel > header span { display:block; margin-bottom:3px; color:#52d7ff; font-size:.59rem; font-weight:900; letter-spacing:.13em; }
.zrp-legend-modal__panel > header strong { display:block; font-size:1rem; }
.zrp-legend-modal__panel > header small { display:block; margin-top:4px; color:#91a8ba; font-size:.67rem; }
.zrp-legend-modal__panel > header button { width:34px; height:34px; border:1px solid #45657a; border-radius:5px; background:#10202d; color:#d9e8f2; cursor:pointer; }
.zrp-legend-modal__body { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; padding:18px 19px; }
.zrp-legend-modal__body label { display:grid; gap:6px; color:#b9cad7; font-size:.69rem; font-weight:750; }
.zrp-legend-modal__body .is-wide { grid-column:1/-1; }
.zrp-legend-modal__body input[type=text],
.zrp-legend-modal__body input[type=number] { width:100%; min-height:38px; box-sizing:border-box; padding:7px 9px; color:#ecf7ff; background:#07131c; border:1px solid #35566e; border-radius:4px; outline:0; }
.zrp-legend-modal__body input:focus { border-color:#57d7ff; box-shadow:0 0 0 2px rgba(87,215,255,.1); }
.zrp-legend-color label > div { display:grid; grid-template-columns:46px minmax(0,1fr); gap:7px; }
.zrp-legend-color input[type=color] { width:46px; height:38px; padding:2px; background:#07131c; border:1px solid #35566e; border-radius:4px; cursor:pointer; }
.zrp-legend-preview-wrap > span { display:block; margin-bottom:4px; color:#91a8ba; font-size:.66rem; }
.zrp-legend-preview { margin-top:20px !important; margin-bottom:3px !important; }
.zrp-legend-modal__panel > footer { display:flex; justify-content:flex-end; gap:8px; padding:13px 19px; background:#0f1f2b; border-top:1px solid #35566e; }
.zrp-legend-modal__panel > footer button { min-height:36px; padding:7px 13px; border-radius:4px; font-weight:800; cursor:pointer; }
.zrp-legend-modal__cancel { color:#c6d3dc; background:#192733; border:1px solid #405568; }
.zrp-legend-modal__apply { color:#051119; background:#58d8ff; border:1px solid #73e1ff; }
@media(max-width:640px){.zrp-legend-modal__body{grid-template-columns:1fr}.zrp-legend-modal__body .is-wide{grid-column:auto}.zrp-legend-modal__panel>footer{display:grid;grid-template-columns:1fr 1fr}.zrp-legend-box__title{max-width:calc(100% - 20px);left:9px}.zrp-legend-layout-button{width:100%}}

/* v0.14.19 – editor layouts, free image layout, preview & transfer -------- */
#wpforo #wpforo-wrap .zrp-wpf-post-content,
#wpforo #wpforo-wrap .wpforo-post-content,
.zrp-post-preview-content,
.zrp-inline-post-editor__rich { position:relative; }

/* Legend box: more breathing room and robust title placement. */
#wpforo .zrp-legend-box,
.zrp-legend-box { margin:31px 0 19px; padding:28px 16px 15px; overflow:visible; }
#wpforo .zrp-legend-box__title,
.zrp-legend-box__title {
    top:-16px;
    transform:none;
    padding:5px 11px;
    border-color:var(--zrp-legend-border,currentColor);
    line-height:1.35;
}

/* Buttons are placed directly in the editor toolbar when possible. */
.zrp-editor-layout-tools { display:inline-flex; align-items:center; gap:5px; margin-left:6px; vertical-align:middle; }
.zrp-editor-layout-tools--mce { display:flex; padding:3px 5px 5px; border-top:1px solid rgba(90,135,164,.14); }
#wpforo .zrp-layout-tool-button,
.zrp-layout-tool-button {
    display:inline-flex; align-items:center; gap:6px; min-height:30px; padding:4px 9px !important;
    border:1px solid #365a72 !important; border-radius:4px !important; background:#102b3d !important;
    color:#dff6ff !important; font-size:.68rem !important; font-weight:800 !important; line-height:1 !important;
    cursor:pointer; white-space:nowrap;
}
#wpforo .zrp-layout-tool-button:hover,.zrp-layout-tool-button:hover { border-color:#59d9ff !important; background:#1a4159 !important; color:#fff !important; }

/* Improved color controls. */
.zrp-legend-color__control { position:relative; display:grid !important; grid-template-columns:48px minmax(0,1fr) !important; gap:8px !important; align-items:center; }
.zrp-legend-color__control input[type=color] { width:48px !important; height:40px !important; padding:3px !important; border-radius:6px !important; cursor:pointer !important; opacity:1 !important; }
.zrp-legend-color__swatch { pointer-events:none; position:absolute; left:7px; top:7px; width:34px; height:26px; border-radius:4px; border:1px solid rgba(255,255,255,.22); box-shadow:inset 0 0 0 1px rgba(0,0,0,.18); }
.zrp-legend-color__control input[type=text] { font-family:Consolas,Monaco,monospace; letter-spacing:.02em; text-transform:lowercase; }
.zrp-legend-color__control input[type=text].is-invalid { border-color:#ff6978 !important; box-shadow:0 0 0 2px rgba(255,105,120,.12) !important; }
.zrp-legend-modal__body input[type=range] { width:100%; accent-color:#57d7ff; }
.zrp-legend-value { float:right; color:#7edfff; font-size:.64rem; font-weight:900; }

/* Tabs inside a forum post. */
#wpforo .zrp-post-tabs,.zrp-post-tabs { margin:17px 0; border:1px solid #2e526a; border-radius:8px; background:#08141d; overflow:hidden; }
#wpforo .zrp-post-tabs__nav,.zrp-post-tabs__nav { display:flex; flex-wrap:wrap; gap:5px; padding:8px 9px; background:linear-gradient(180deg,#112a3b,#0d202d); border-bottom:1px solid #29485d; }
#wpforo .zrp-post-tabs__tab,.zrp-post-tabs__tab { display:inline-flex; align-items:center; justify-content:center; min-height:31px; padding:5px 11px; border:1px solid #355970; border-radius:5px; background:#0a1a25; color:#a7bdcc; font-size:.7rem; font-weight:850; cursor:pointer; user-select:none; }
#wpforo .zrp-post-tabs__tab:hover,.zrp-post-tabs__tab:hover { color:#fff; border-color:#4c90b5; }
#wpforo .zrp-post-tabs__tab.is-active,.zrp-post-tabs__tab.is-active { color:#fff; background:#173e55; border-color:#59d8ff; box-shadow:inset 0 -2px #59d8ff; }
#wpforo .zrp-post-tabs__panes,.zrp-post-tabs__panes { min-width:0; }
#wpforo .zrp-post-tabs__pane,.zrp-post-tabs__pane { display:none; min-height:50px; padding:15px 16px; line-height:1.65; }
#wpforo .zrp-post-tabs__pane.is-active,.zrp-post-tabs__pane.is-active { display:block; }
#wpforo .zrp-post-tabs__pane > :first-child,.zrp-post-tabs__pane > :first-child { margin-top:0 !important; }
#wpforo .zrp-post-tabs__pane > :last-child,.zrp-post-tabs__pane > :last-child { margin-bottom:0 !important; }

body.zrp-tabs-modal-open,body.zrp-post-preview-open,body.zrp-transfer-open { overflow:hidden; }
.zrp-tabs-modal[hidden],.zrp-post-preview-modal[hidden],.zrp-transfer-modal[hidden] { display:none !important; }
.zrp-tabs-modal,.zrp-post-preview-modal,.zrp-transfer-modal { position:fixed; inset:0; z-index:1000001; display:grid; place-items:center; padding:18px; }
.zrp-tabs-modal__backdrop,.zrp-post-preview-modal__backdrop,.zrp-transfer-modal__backdrop { position:absolute; inset:0; background:rgba(2,8,13,.78); backdrop-filter:blur(4px); }
.zrp-tabs-modal__panel,.zrp-post-preview-modal__panel,.zrp-transfer-modal__panel { position:relative; width:min(760px,calc(100vw - 28px)); max-height:calc(100vh - 36px); overflow:auto; color:#e8f3fb; background:#0b1722; border:1px solid #3b607a; border-radius:9px; box-shadow:0 28px 90px rgba(0,0,0,.62); }
.zrp-tabs-modal__panel>header,.zrp-post-preview-modal__panel>header,.zrp-transfer-modal__panel>header { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; padding:17px 19px; background:linear-gradient(135deg,#17354c,#102433); border-bottom:1px solid #355974; }
.zrp-tabs-modal__panel>header span,.zrp-post-preview-modal__panel>header span,.zrp-transfer-modal__panel>header span { display:block; color:#52d7ff; font-size:.59rem; font-weight:900; letter-spacing:.13em; }
.zrp-tabs-modal__panel>header strong,.zrp-post-preview-modal__panel>header strong,.zrp-transfer-modal__panel>header strong { display:block; margin-top:3px; font-size:1rem; }
.zrp-tabs-modal__panel>header small,.zrp-post-preview-modal__panel>header small,.zrp-transfer-modal__panel>header small { display:block; margin-top:4px; color:#91a8ba; font-size:.67rem; }
.zrp-tabs-modal__panel>header button,.zrp-post-preview-modal__panel>header button,.zrp-transfer-modal__panel>header button { width:34px; height:34px; border:1px solid #45657a; border-radius:5px; background:#10202d; color:#d9e8f2; cursor:pointer; }
.zrp-tabs-modal__body,.zrp-post-preview-modal__body,.zrp-transfer-modal__body { padding:18px 19px; }
.zrp-tabs-modal__panel>footer,.zrp-post-preview-modal__panel>footer,.zrp-transfer-modal__panel>footer { display:flex; justify-content:flex-end; gap:8px; padding:13px 19px; background:#0f1f2b; border-top:1px solid #35566e; }
.zrp-tabs-modal__panel>footer button,.zrp-post-preview-modal__panel>footer button,.zrp-transfer-modal__panel>footer button { min-height:36px; padding:7px 13px; border:1px solid #405568; border-radius:4px; color:#d7e4ec; background:#192733; font-weight:800; cursor:pointer; }
.zrp-tabs-apply { color:#051119 !important; background:#58d8ff !important; border-color:#73e1ff !important; }
.zrp-tabs-builder { display:grid; gap:8px; }
.zrp-tabs-builder__row { display:grid; grid-template-columns:30px minmax(0,1fr) 36px; gap:8px; align-items:center; }
.zrp-tabs-builder__num { display:grid; place-items:center; width:30px; height:34px; border-radius:5px; background:#142b3c; color:#73dfff; font-weight:900; }
.zrp-tabs-builder__row input,.zrp-transfer-modal__body input { width:100%; min-height:38px; box-sizing:border-box; padding:7px 9px; color:#ecf7ff; background:#07131c; border:1px solid #35566e; border-radius:4px; outline:0; }
.zrp-tabs-builder__row button { height:34px; border:1px solid #68414b; border-radius:5px; color:#ffb6be; background:#2a161b; cursor:pointer; }
.zrp-tabs-add { margin-top:11px; min-height:34px; padding:6px 10px; border:1px dashed #3f718d; border-radius:5px; background:#0d2230; color:#8ee4ff; cursor:pointer; }
.zrp-tabs-help { margin-top:9px; color:#8299aa; font-size:.66rem; }

#wpforo img.zrp-image-selected,.zrp-inline-post-editor img.zrp-image-selected { outline:2px solid #59d8ff; outline-offset:3px; }

/* Preview. */
.zrp-post-preview-button { display:inline-flex; align-items:center; gap:6px; min-height:34px; margin-right:7px; padding:6px 11px; border:1px solid #3a607a; border-radius:4px; background:#132b3b; color:#dff6ff; font-weight:800; cursor:pointer; }
.zrp-post-preview-button:hover { border-color:#59d8ff; background:#1a4159; }
.zrp-post-preview-modal__panel { width:min(980px,calc(100vw - 28px)); }
.zrp-post-preview-card { padding:17px; border:1px solid #27465b; border-radius:7px; background:#07131c; }
.zrp-post-preview-card>h2 { margin:0 0 15px; padding-bottom:10px; border-bottom:1px solid #26475c; font-size:1.1rem; color:#fff; }
.zrp-post-preview-content { min-height:120px; line-height:1.65; color:#dbe8f0; }
.zrp-preview-empty { color:#788f9f; font-style:italic; }

/* Moderator post-author transfer. */
#wpforo .zrp-custom-transfer-btn { display:inline-flex; align-items:center; gap:5px; min-height:30px; padding:5px 9px; border:1px solid #5c4f78; border-radius:4px; background:#1d1930; color:#d8caff; font-weight:800; cursor:pointer; }
#wpforo .zrp-custom-transfer-btn:hover { border-color:#a78cff; color:#fff; background:#292041; }
.zrp-transfer-modal__body label { display:grid; gap:6px; color:#b9cad7; font-size:.69rem; font-weight:750; }
.zrp-transfer-results { display:grid; gap:7px; margin-top:12px; }
.zrp-transfer-user { display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:10px; align-items:center; width:100%; padding:8px 10px; border:1px solid #2e5065; border-radius:6px; background:#0a1923; color:#dceaf3; text-align:left; cursor:pointer; }
.zrp-transfer-user:hover { border-color:#58d8ff; background:#102b3b; }
.zrp-transfer-user img { width:42px; height:42px; border-radius:50%; object-fit:cover; }
.zrp-transfer-user span { min-width:0; }
.zrp-transfer-user strong,.zrp-transfer-user small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.zrp-transfer-user small { margin-top:3px; color:#829bad; font-size:.63rem; }
.zrp-transfer-user b { color:#6ee0ff; font-size:.65rem; }
.zrp-transfer-empty { padding:15px; border:1px dashed #29485b; border-radius:6px; color:#7e95a5; text-align:center; }
.zrp-transfer-empty.is-error { color:#ff9eaa; border-color:#6b3540; }

@media(max-width:700px){
  .zrp-editor-layout-tools--mce{flex-wrap:wrap}.zrp-layout-tool-button span:last-child{display:none}
  .zrp-tabs-modal,.zrp-post-preview-modal,.zrp-transfer-modal{padding:8px}.zrp-tabs-modal__panel,.zrp-post-preview-modal__panel,.zrp-transfer-modal__panel{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}
}
#wpforo #wpforo-wrap .zrp-wpf-post-content::after,.zrp-post-preview-content::after,.zrp-inline-post-editor__rich::after{content:"";display:block;clear:both}

/* v0.14.20 – custom color picker, direct image editing & preview polish ---- */
/* Legend boxes use the same spacing in editor, preview and rendered posts. */
#wpforo .zrp-legend-box,
.zrp-legend-box { margin:36px 0 21px; padding:32px 16px 16px; min-height:54px; overflow:visible; }
#wpforo .zrp-legend-box__title,
.zrp-legend-box__title {
    left:14px; top:-18px; max-width:calc(100% - 30px); padding:6px 12px;
    border:1px solid var(--zrp-legend-border,currentColor); border-radius:5px;
    background:inherit; color:inherit; line-height:1.35;
}

/* Fully custom picker: no native Windows/browser color dialog. */
.zrp-legend-color { position:relative; min-width:0; }
.zrp-legend-color__control { display:grid !important; grid-template-columns:44px minmax(0,1fr) !important; gap:8px !important; align-items:center; }
.zrp-legend-color__button {
    position:relative; width:44px; height:40px; padding:4px; border:1px solid #3b5d74; border-radius:6px;
    background:#07131c; cursor:pointer; box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.zrp-legend-color__button > span {
    display:block; width:100%; height:100%; border-radius:4px; background:var(--zrp-selected-color,#25c9ff);
    border:1px solid rgba(255,255,255,.28); box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);
}
.zrp-legend-color__button:hover,.zrp-legend-color__button:focus { border-color:#57d7ff; outline:0; box-shadow:0 0 0 2px rgba(87,215,255,.1); }
.zrp-legend-color__control input[type=text] { font-family:Consolas,Monaco,monospace; letter-spacing:.02em; text-transform:lowercase; }
.zrp-color-picker[hidden] { display:none !important; }
.zrp-color-picker {
    position:absolute; z-index:20; left:0; right:0; top:calc(100% + 7px); padding:11px;
    background:#07131c; border:1px solid #3a607a; border-radius:8px; box-shadow:0 18px 46px rgba(0,0,0,.48);
}
.zrp-color-picker__sv {
    --zrp-picker-hue:hsl(195 100% 50%); position:relative; height:154px; overflow:hidden; border-radius:6px;
    background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),var(--zrp-picker-hue);
    border:1px solid #47677b; cursor:crosshair; touch-action:none;
}
.zrp-color-picker__sv-handle {
    position:absolute; width:15px; height:15px; margin:-7.5px 0 0 -7.5px; border:2px solid #fff; border-radius:50%;
    box-shadow:0 0 0 1px #000,0 2px 8px rgba(0,0,0,.55); pointer-events:none;
}
.zrp-color-picker__hue-label { margin-top:10px; color:#9eb4c5 !important; font-size:.63rem !important; }
.zrp-color-picker__hue-label input[type=range] {
    appearance:none; -webkit-appearance:none; width:100%; height:12px; margin-top:5px; border:1px solid #456276; border-radius:999px;
    background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00); outline:0;
}
.zrp-color-picker__hue-label input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; width:18px; height:18px; border-radius:50%; border:2px solid #fff; background:#10212d; box-shadow:0 1px 5px #000; cursor:pointer; }
.zrp-color-picker__hue-label input[type=range]::-moz-range-thumb { width:16px; height:16px; border-radius:50%; border:2px solid #fff; background:#10212d; box-shadow:0 1px 5px #000; cursor:pointer; }
.zrp-color-picker__presets { display:grid; grid-template-columns:repeat(10,1fr); gap:5px; margin-top:10px; }
.zrp-color-picker__presets button { aspect-ratio:1; min-width:0; padding:0; border:1px solid rgba(255,255,255,.3); border-radius:4px; background:var(--zrp-swatch); cursor:pointer; }
.zrp-color-picker__presets button:hover { transform:translateY(-1px); box-shadow:0 0 0 2px rgba(87,215,255,.16); }
.zrp-color-picker__footer { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:10px; padding-top:8px; border-top:1px solid #1f394a; }
.zrp-color-picker__footer span { color:#dff6ff; font:700 .65rem Consolas,Monaco,monospace; }
.zrp-color-picker__footer button { min-height:30px; padding:4px 10px; border:1px solid #47708b; border-radius:4px; background:#153348; color:#e9f8ff; font-size:.65rem; font-weight:800; cursor:pointer; }
@media(max-width:640px){.zrp-color-picker{position:relative;top:auto;margin-top:7px}.zrp-color-picker__presets{grid-template-columns:repeat(5,1fr)}}

/* Direct image controls float on top of the selected image. v0.14.23 keeps
   images in normal document flow: resize + alignment only, no free overlay. */
.zrp-forum-image-tools--direct .zrp-image-direct-help { display:block; margin-top:7px; color:#8299aa; font-size:.62rem; line-height:1.45; }
.zrp-image-direct-ui[hidden] { display:none !important; }
.zrp-image-direct-ui {
    position:fixed; z-index:2147482500; pointer-events:none; border:2px solid #59d8ff; border-radius:4px;
    box-shadow:0 0 0 1px rgba(0,0,0,.55),0 0 18px rgba(89,216,255,.24); box-sizing:border-box;
}
.zrp-image-direct-ui__frame { position:absolute; inset:0; pointer-events:none; }
.zrp-image-direct-ui__toolbar {
    position:absolute; left:50%; bottom:calc(100% + 8px); transform:translateX(-50%); display:flex; align-items:center; gap:4px;
    min-width:max-content; padding:5px; pointer-events:auto; background:#081721; border:1px solid #3b6079; border-radius:6px; box-shadow:0 10px 28px rgba(0,0,0,.45);
}
.zrp-image-direct-ui__toolbar button {
    min-width:30px; height:30px; padding:0 7px; border:1px solid #31546b; border-radius:4px; background:#102736; color:#c6dce8;
    font:800 .72rem/1 Inter,system-ui,sans-serif; cursor:pointer;
}
.zrp-image-direct-ui__toolbar button:hover,.zrp-image-direct-ui__toolbar button.is-active { color:#fff; border-color:#5bd9ff; background:#19445d; }
.zrp-image-direct-ui__toolbar span { min-width:42px; color:#78dfff; text-align:center; font:900 .62rem/1 Inter,system-ui,sans-serif; }
.zrp-image-direct-ui__resize {
    position:absolute; right:-9px; bottom:-9px; width:20px; height:20px; padding:0; pointer-events:auto; border:2px solid #fff;
    border-radius:50%; background:#4fd7ff; cursor:nwse-resize; touch-action:none; box-shadow:0 2px 8px rgba(0,0,0,.55);
}
body.zrp-image-resizing,body.zrp-image-resizing * { cursor:nwse-resize !important; user-select:none !important; }
@media(max-width:620px){.zrp-image-direct-ui__toolbar{max-width:calc(100vw - 16px);overflow-x:auto;left:0;transform:none}.zrp-image-direct-ui__toolbar span{display:none}}

/* Preview content behaves like a real post, including clickable tabs. */
.zrp-post-preview-content .zrp-post-tabs__tab { pointer-events:auto; }

/* v0.14.22 – rendered custom-layout containment --------------------------- */
#wpforo .zrp-post-tabs,
.zrp-post-tabs,
#wpforo .zrp-legend-box,
.zrp-legend-box {
    clear:both;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
}
#wpforo .zrp-post-tabs__panes,
#wpforo .zrp-post-tabs__pane,
.zrp-post-tabs__panes,
.zrp-post-tabs__pane,
#wpforo .zrp-legend-box__content,
.zrp-legend-box__content {
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
}


/* v0.14.24 – Legend title outline + persistent image edit sizing ----------- */
#wpforo .zrp-legend-box__title,
.zrp-legend-box__title {
    border-color: var(--zrp-legend-border,currentColor) !important;
    border-style: solid !important;
    border-width: var(--zrp-legend-width,2px) !important;
    border-radius: 5px !important;
    background-color: var(--zrp-legend-bg,inherit) !important;
    color: var(--zrp-legend-text,inherit) !important;
    box-sizing: border-box;
}

/* Zenaros Network v1.0 core skin harmonization */
.zrp-dialog__eyebrow,.zrp-name-setup-eyebrow,.zrp-report-modal__eyebrow,.zrp-mod-eyebrow{color:#55d2ff!important}
.zrp-name-setup-card,.zrp-dialog{border-color:#1b5578!important;background:#06131f!important}
.zrp-dialog__confirm,.zrp-name-setup-form button{background:linear-gradient(180deg,#168fff,#0d67ad)!important;border-color:#45c5ff!important;color:#fff!important}