/* Section tools and thread prefixes for the two Summer PW forum styles. */
html#XF[data-app="public"] .sw-section-tools {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 6px 16px;
    padding: 7px 10px 7px clamp(10px, 1.6vw, 24px);
    margin: 0 0 clamp(22px, 2vw, 31px);
    min-width: 0;
    border: 1px solid var(--sw-soft-edge);
    border-radius: 13px;
    color: var(--sw-control-text);
    background: linear-gradient(104deg, var(--sw-toolbar-top), var(--sw-toolbar-bottom) 75%, var(--sw-toolbar-top));
}
html#XF[data-app="public"] .sw-section-tools > .p-breadcrumbs {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    padding: 3px 0;
    color: var(--sw-control-muted);
    overflow-wrap: anywhere;
}
html#XF[data-app="public"] .sw-section-tools .p-breadcrumbs a { color: var(--sw-control-text); }
html#XF[data-app="public"] .sw-section-tools .p-breadcrumbs a:hover { text-decoration: underline; }
html#XF[data-app="public"] .sw-section-tools__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    min-width: 0;
    max-width: 100%;
    gap: 5px;
}
html#XF[data-app="public"] .sw-section-tools__actions .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    max-width: 100%;
    margin: 0;
    padding: 5px 11px;
    border: 1px solid var(--sw-control-edge);
    border-radius: 8px;
    color: var(--sw-control-text);
    background: var(--sw-toolbar-control);
    box-shadow: none;
    text-decoration: none;
    white-space: normal;
    overflow-wrap: anywhere;
}
html#XF[data-app="public"] .sw-section-tools__actions .button:is(:hover, :focus-visible, .is-menuOpen) {
    color: var(--sw-control-text);
    background: var(--sw-toolbar-hover);
}
html#XF[data-app="public"] .sw-section-tools__actions .button.button--cta {
    color: var(--sw-action-color);
    background: linear-gradient(var(--sw-action-top), var(--sw-action-bottom));
}
html#XF[data-app="public"] .sw-section-tools__actions .button.button--cta:is(:hover, :focus-visible) {
    background: linear-gradient(var(--sw-action-hover-top), var(--sw-action-hover-bottom));
}
html#XF[data-app="public"] .sw-section-tools :is(a, button):focus-visible {
    outline: 2px solid var(--sw-control-focus);
    outline-offset: 1px;
}
html#XF[data-app="public"] .sw-section-list > .block-outer:empty { display: none; }
@media (max-width: 650px) {
    html#XF[data-app="public"] .sw-section-tools {
        gap: 5px 9px;
        padding: 7px 9px;
    }
    html#XF[data-app="public"] .sw-section-tools__actions .button {
        min-height: 36px;
        padding: 5px 8px;
    }
}

/* Only forum thread prefixes carry spw-prefix, including the native picker. */
html#XF[data-app="public"][data-summer-theme="dawn"] .spw-prefix--blue { --spw-ink: #284e66; --spw-paper: #dce8ed; --spw-edge: #91aab4; }
html#XF[data-app="public"][data-summer-theme="dawn"] .spw-prefix--red { --spw-ink: #773b3a; --spw-paper: #efdcd5; --spw-edge: #bd9389; }
html#XF[data-app="public"][data-summer-theme="dawn"] .spw-prefix--green { --spw-ink: #305b44; --spw-paper: #dde9d4; --spw-edge: #94ad8e; }
html#XF[data-app="public"][data-summer-theme="dawn"] .spw-prefix--gold { --spw-ink: #6c491e; --spw-paper: #ecdfbf; --spw-edge: #b29b6c; }
html#XF[data-app="public"][data-summer-theme="dawn"] .spw-prefix--violet { --spw-ink: #5b436a; --spw-paper: #e9dfe9; --spw-edge: #aa94ab; }
html#XF[data-app="public"][data-summer-theme="dawn"] .spw-important { --spw-ink: #744020; --spw-paper: #f4ddbd; --spw-edge: #b88f64; }
html#XF[data-app="public"][data-summer-theme="dawn"] .spw-pvp { --spw-ink: #792e40; --spw-paper: #efd7d8; --spw-edge: #bc8990; }
html#XF[data-app="public"][data-summer-theme="dawn"] .spw-pve { --spw-ink: #28564d; --spw-paper: #d9e7d9; --spw-edge: #94ad9a; }
html#XF[data-app="public"][data-summer-theme="dawn"] .spw-chat { --spw-ink: #394f77; --spw-paper: #dce4ee; --spw-edge: #91a1bb; }
html#XF[data-app="public"][data-summer-theme="dawn"] .spw-event { --spw-ink: #624469; --spw-paper: #e9dce7; --spw-edge: #ae92a9; }
html#XF[data-app="public"][data-summer-theme="dawn"] .spw-guide { --spw-ink: #315969; --spw-paper: #d9e8e8; --spw-edge: #8da8ad; }
html#XF[data-app="public"][data-summer-theme="dawn"] .spw-forum { --spw-ink: #5e4c36; --spw-paper: #e7decd; --spw-edge: #ae9d81; }

html#XF[data-app="public"][data-summer-theme="twilight"] .spw-prefix--blue { --spw-ink: #c1e1ef; --spw-paper: #304b5a; --spw-edge: #688899; }
html#XF[data-app="public"][data-summer-theme="twilight"] .spw-prefix--red { --spw-ink: #f6c7c0; --spw-paper: #583c43; --spw-edge: #9d7378; }
html#XF[data-app="public"][data-summer-theme="twilight"] .spw-prefix--green { --spw-ink: #c8e6c5; --spw-paper: #324b40; --spw-edge: #718d75; }
html#XF[data-app="public"][data-summer-theme="twilight"] .spw-prefix--gold { --spw-ink: #f1d79f; --spw-paper: #534630; --spw-edge: #99865e; }
html#XF[data-app="public"][data-summer-theme="twilight"] .spw-prefix--violet { --spw-ink: #e5cfea; --spw-paper: #483c52; --spw-edge: #927d9d; }
html#XF[data-app="public"][data-summer-theme="twilight"] .spw-important { --spw-ink: #f9d3a3; --spw-paper: #564231; --spw-edge: #ad8864; }
html#XF[data-app="public"][data-summer-theme="twilight"] .spw-pvp { --spw-ink: #ffced6; --spw-paper: #563342; --spw-edge: #a47584; }
html#XF[data-app="public"][data-summer-theme="twilight"] .spw-pve { --spw-ink: #c1e7d5; --spw-paper: #2c4c47; --spw-edge: #669386; }
html#XF[data-app="public"][data-summer-theme="twilight"] .spw-chat { --spw-ink: #d0dff9; --spw-paper: #374864; --spw-edge: #798ca8; }
html#XF[data-app="public"][data-summer-theme="twilight"] .spw-event { --spw-ink: #eccfe8; --spw-paper: #503d52; --spw-edge: #9e809c; }
html#XF[data-app="public"][data-summer-theme="twilight"] .spw-guide { --spw-ink: #bfe3eb; --spw-paper: #2f4c55; --spw-edge: #6c8b99; }
html#XF[data-app="public"][data-summer-theme="twilight"] .spw-forum { --spw-ink: #e8dcca; --spw-paper: #47453e; --spw-edge: #908778; }

html#XF[data-app="public"]:not([data-template="summer_pw_portal"]) .label.spw-prefix {
    display: inline-block;
    max-width: 100%;
    padding: .16em .68em .19em;
    border: 1px solid var(--spw-edge);
    border-radius: 999px;
    color: var(--spw-ink);
    background: var(--spw-paper);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 1px 1px rgba(58, 43, 28, .09);
    font-size: .79em;
    font-weight: 650;
    line-height: 1.45;
    vertical-align: .08em;
    overflow-wrap: anywhere;
    white-space: normal;
    text-shadow: none;
}
html#XF[data-app="public"][data-summer-theme="twilight"]:not([data-template="summer_pw_portal"]) .label.spw-prefix {
    box-shadow: inset 0 1px 0 rgba(212, 235, 245, .11), 0 1px 2px rgba(10, 18, 24, .22);
}
html#XF[data-app="public"]:not([data-template="summer_pw_portal"]) :is(a, button, label, .menu-linkRow, .menu-row--clickable):is(:hover, :focus-visible, :focus-within) > .label.spw-prefix,
html#XF[data-app="public"]:not([data-template="summer_pw_portal"]) a.label.spw-prefix:is(:hover, :focus-visible) {
    border-color: var(--spw-ink);
}
html#XF[data-app="public"]:not([data-template="summer_pw_portal"]) a:focus-visible > .label.spw-prefix,
html#XF[data-app="public"]:not([data-template="summer_pw_portal"]) a.label.spw-prefix:focus-visible {
    outline: 2px solid var(--spw-ink);
    outline-offset: 1px;
}