@charset "UTF-8";

/*
 * D4GG site-wide dark theme
 * Palette sampled from the supplied DIVGuides reference screenshot.
 * Base canvas: #15161a / primary panel: #1a1b1f / raised panel: #1f2025.
 */
:root {
    color-scheme: dark;
    --d4gg-bg: #15161a;
    --d4gg-panel: #1a1b1f;
    --d4gg-panel-2: #1f2025;
    --d4gg-panel-3: #252630;
    --d4gg-input: #1d1e23;
    --d4gg-line: #303238;
    --d4gg-line-soft: #292b31;
    --d4gg-text: #aeb1b6;
    --d4gg-text-strong: #d2d4d7;
    --d4gg-muted: #7c8087;
    --d4gg-faint: #5f6269;
    --d4gg-red: #a50905;
    --d4gg-red-bright: #d23d39;
    --d4gg-blue: #5f77a8;
    --d4gg-green: #648b74;
    --d4gg-gold: #b18a4a;
}

html,
body {
    background: var(--d4gg-bg) !important;
}

body,
#main-content {
    color: var(--d4gg-text);
}

::selection {
    color: #fff;
    background: #7f1412;
}

* {
    scrollbar-color: #4a4c53 #18191d;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track { background: #18191d; }
::-webkit-scrollbar-thumb {
    background: #44474e;
    border: 2px solid #18191d;
}
::-webkit-scrollbar-thumb:hover { background: #565960; }

/* ---------- Shared header / navigation / footer ---------- */
.portal-header,
.diablo-header,
.portal-brand-bar,
.diablo-brandbar {
    color: var(--d4gg-text) !important;
    background: var(--d4gg-bg) !important;
}

.portal-status-bar,
.diablo-utility,
.portal-footer {
    color: #9da0a7 !important;
    background: #111216 !important;
    border-color: #27292f !important;
}

.portal-brand-bar,
.diablo-brandbar {
    border-bottom-color: var(--d4gg-line) !important;
}

.portal-brand-copy strong,
.diablo-brand strong,
.portal-footer-brand strong {
    color: var(--d4gg-text-strong) !important;
}

.portal-brand-copy small,
.portal-header-tools,
.diablo-account,
.portal-footer p,
.portal-footer-brand strong span {
    color: var(--d4gg-muted) !important;
}

.portal-brand-symbol {
    background: #435476 !important;
}
.diablo-brand-mark {
    background: #76110f !important;
}
.diablo-brand small { color: #d56059 !important; }

.portal-search-preview {
    color: #a6a9b0 !important;
    background: var(--d4gg-input) !important;
    border-color: var(--d4gg-line) !important;
}

.portal-nav,
.diablo-nav {
    color: #aaaeb5 !important;
    background: #17181c !important;
    border-bottom-color: #2a2c32 !important;
}
.portal-nav a:hover,
.diablo-nav a:hover,
.portal-nav a[aria-current="page"],
.diablo-nav a.is-current {
    color: #d2d4d7 !important;
    background: rgba(255,255,255,.018);
}
.portal-nav a[aria-current="page"]::after,
.diablo-nav a.is-current::after {
    background: var(--d4gg-red) !important;
}
.portal-nav span,
.diablo-nav span { color: #73767d !important; }
.portal-nav small,
.diablo-nav small,
.portal-header-tools small,
.diablo-account small {
    color: #72757d !important;
    border-color: #3b3e45 !important;
    background: #1d1e23 !important;
}

.portal-footer-meta nav { color: #b7bac0 !important; }

/* ---------- Form controls / native popups ---------- */
body input,
body select,
body textarea {
    color: #d9dbe0;
    background-color: var(--d4gg-input);
    border-color: #3a3c43;
    caret-color: #fff;
}
body input::placeholder,
body textarea::placeholder { color: #6f7279; opacity: 1; }
body select { color-scheme: dark; }
body button { color: inherit; }
body dialog::backdrop { background: rgba(5, 6, 8, .78) !important; }

/* ---------- Portal home ---------- */
.page-home {
    --home-paper: var(--d4gg-bg) !important;
    --home-surface: var(--d4gg-panel) !important;
    --home-ink: var(--d4gg-text) !important;
    --home-muted: var(--d4gg-muted) !important;
    --home-line: var(--d4gg-line) !important;
    --home-blue: #7287b4 !important;
    --home-dark: #111216 !important;
    color: var(--d4gg-text) !important;
    background: var(--d4gg-bg) !important;
}
.page-home .home-selector { background: var(--d4gg-bg) !important; }
.page-home .home-selector-heading h1,
.page-home .home-platform-copy strong { color: var(--d4gg-text-strong) !important; }
.page-home .home-selector-heading p,
.page-home .home-platform-copy > span,
.page-home .home-selector-note p { color: var(--d4gg-muted) !important; }
.page-home .home-platform-card {
    background: var(--d4gg-panel) !important;
    border-color: var(--d4gg-line) !important;
    border-top-color: #383a41 !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.18) !important;
}
.page-home .home-platform-card:hover {
    background: #1d1e23 !important;
    border-color: #464950 !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.28) !important;
}
.page-home .home-platform-card--diablo { border-top-color: #8e1714 !important; }
.page-home .home-platform-card--aion { border-top-color: #536b9c !important; }
.page-home .home-platform-card--lineage { border-top-color: #55725f !important; }
.page-home .home-platform-enter {
    color: #b4b7bd !important;
    border-top-color: var(--d4gg-line) !important;
}
.page-home .home-selector-note {
    color: var(--d4gg-text);
    background: var(--d4gg-panel-2) !important;
    border-left-color: #596f9e !important;
}
.page-home .home-selector-note p strong { color: var(--d4gg-text-strong) !important; }

/* ---------- Generic game landing pages ---------- */
.page-aion2,
.page-lineage-classic {
    --game-surface: var(--d4gg-panel) !important;
    --game-ink: var(--d4gg-text) !important;
    --game-line: var(--d4gg-line) !important;
    --game-blue: #6e86b8 !important;
    --game-dark: var(--d4gg-bg) !important;
    --game-dark-soft: var(--d4gg-panel-2) !important;
    color: var(--d4gg-text) !important;
    background: var(--d4gg-bg) !important;
}
.page-aion2 .game-main,
.page-lineage-classic .game-main {
    background-color: #1a1b1f !important;
}
.page-aion2 .game-main::after,
.page-lineage-classic .game-main::after {
    background: rgba(7,8,11,.64) !important;
}

/* ---------- Diablo home ---------- */
.page-diablo {
    --diablo-paper: var(--d4gg-bg) !important;
    --diablo-surface: var(--d4gg-panel) !important;
    --diablo-ink: var(--d4gg-text) !important;
    --diablo-muted: var(--d4gg-muted) !important;
    --diablo-line: var(--d4gg-line) !important;
    --diablo-red: #c54b46 !important;
    --diablo-blue: #6179aa !important;
    --diablo-dark: #111216 !important;
    color: var(--d4gg-text) !important;
    background: var(--d4gg-bg) !important;
}
.page-diablo .diablo-page-intro {
    color: #d9dadd !important;
    background: #17181c !important;
    border-bottom-color: var(--d4gg-line) !important;
}
.page-diablo .diablo-page-intro-inner {
    background-image:
        linear-gradient(90deg, rgba(20,21,25,.98), rgba(20,21,25,.78)),
        url("/assets/img/diablo4-pattern.svg") !important;
}
.page-diablo .diablo-videos,
.page-diablo .diablo-community,
.page-diablo .diablo-builds {
    background: var(--d4gg-bg) !important;
    border-color: var(--d4gg-line) !important;
}
.page-diablo .diablo-section-heading h2,
.page-diablo .diablo-video-copy strong,
.page-diablo .diablo-info-panel h2,
.page-diablo .diablo-build-name h3 { color: var(--d4gg-text-strong) !important; }
.page-diablo .diablo-section-heading > a,
.page-diablo .diablo-video-copy > span,
.page-diablo .diablo-info-panel > header a,
.page-diablo .diablo-info-panel li span,
.page-diablo .diablo-info-panel time,
.page-diablo .diablo-info-panel li b,
.page-diablo .diablo-info-panel li em,
.page-diablo .diablo-build-name p,
.page-diablo .diablo-build-meta { color: var(--d4gg-muted) !important; }
.page-diablo .diablo-video-card,
.page-diablo .diablo-info-panel,
.page-diablo .diablo-build-row {
    color: var(--d4gg-text);
    background: var(--d4gg-panel) !important;
    border-color: var(--d4gg-line) !important;
}
.page-diablo .diablo-video-card { border-top-color: #3b3d44 !important; }
.page-diablo .diablo-video-card.is-featured { border-top-color: #8d1714 !important; }
.page-diablo .diablo-info-panel > header {
    border-top-color: #34363d !important;
    border-bottom-color: var(--d4gg-line) !important;
}
.page-diablo .diablo-info-panel li > a { border-bottom-color: #292b31 !important; }
.page-diablo .diablo-info-panel li > a:hover { background: #1f2025 !important; }
.page-diablo .diablo-build-tabs {
    background: #17181c !important;
    border-color: var(--d4gg-line) !important;
}
.page-diablo .diablo-build-tabs a {
    color: #999ca3 !important;
    border-right-color: var(--d4gg-line) !important;
}
.page-diablo .diablo-build-tabs a.is-active {
    color: #d9dadd !important;
    background: #7d1210 !important;
}
.page-diablo .diablo-build-name p b {
    color: #a7aab0 !important;
    background: #24262b !important;
}
.page-diablo .diablo-build-open {
    color: #b4b7bd !important;
    background: #1d1e23 !important;
    border-color: #3a3c43 !important;
}

/* ---------- Diablo database ---------- */
.page-diablo-database {
    --db-ink: var(--d4gg-text) !important;
    --db-muted: var(--d4gg-muted) !important;
    --db-line: var(--d4gg-line) !important;
    --db-paper: var(--d4gg-bg) !important;
    --db-surface: var(--d4gg-panel) !important;
    --db-dark: #111216 !important;
    --db-red: #c54b46 !important;
    color: var(--d4gg-text) !important;
    background: var(--d4gg-bg) !important;
}
.page-diablo-database .db-hero {
    background: #17181c !important;
    border-bottom-color: var(--d4gg-line) !important;
}
.page-diablo-database .db-hero-inner {
    background:
        linear-gradient(90deg, rgba(20,21,25,.98), rgba(20,21,25,.80)),
        url("/assets/img/diablo4-pattern.svg") right 12% center / 360px auto no-repeat !important;
}
.page-diablo-database .db-content { background: var(--d4gg-bg) !important; }
.page-diablo-database .db-tabs { border-bottom-color: var(--d4gg-line) !important; }
.page-diablo-database .db-tabs a { color: #8d9097 !important; }
.page-diablo-database .db-tabs a.is-current {
    color: var(--d4gg-text-strong) !important;
    background: var(--d4gg-panel) !important;
    border-color: var(--d4gg-line) !important;
}
.page-diablo-database .db-filter,
.page-diablo-database .db-card,
.page-diablo-database .db-empty,
.page-diablo-database .db-pagination a {
    color: var(--d4gg-text);
    background: var(--d4gg-panel) !important;
    border-color: var(--d4gg-line) !important;
}
.page-diablo-database .db-filter input,
.page-diablo-database .db-filter select {
    color: #d7d9de !important;
    background: var(--d4gg-input) !important;
    border-color: #3a3c43 !important;
}
.page-diablo-database .db-card-image {
    background: #16171b !important;
    border-right-color: var(--d4gg-line) !important;
}
.page-diablo-database .db-card-copy h2 { color: var(--d4gg-text-strong) !important; }
.page-diablo-database .db-card-copy p,
.page-diablo-database .db-card footer { color: var(--d4gg-muted) !important; }
.page-diablo-database .db-card footer {
    background: #18191d !important;
    border-top-color: var(--d4gg-line) !important;
}
.page-diablo-database .db-card footer a { color: #c9cbd0 !important; }
.page-diablo-database .db-pagination a.is-current {
    color: #d9dadd !important;
    background: #7d1210 !important;
    border-color: #7d1210 !important;
}

/* ---------- Diablo item detail ---------- */
.page-diablo-item {
    --item-ink: var(--d4gg-text) !important;
    --item-muted: var(--d4gg-muted) !important;
    --item-line: var(--d4gg-line) !important;
    --item-paper: var(--d4gg-bg) !important;
    --item-surface: var(--d4gg-panel) !important;
    --item-red: #c54b46 !important;
    color: var(--d4gg-text) !important;
    background: var(--d4gg-bg) !important;
}
.page-diablo-item .item-page { background: var(--d4gg-bg) !important; }
.page-diablo-item .item-breadcrumb { color: var(--d4gg-muted) !important; }
.page-diablo-item .item-detail,
.page-diablo-item .item-summary,
.page-diablo-item .item-detail-grid > section,
.page-diablo-item .item-detail-grid > aside {
    color: var(--d4gg-text);
    background: var(--d4gg-panel) !important;
    border-color: var(--d4gg-line) !important;
}
.page-diablo-item .item-summary h1,
.page-diablo-item .item-detail h2,
.page-diablo-item .item-detail h3 { color: var(--d4gg-text-strong) !important; }
.page-diablo-item .item-summary p,
.page-diablo-item .item-muted { color: var(--d4gg-muted) !important; }
.page-diablo-item .item-art { background: #15161a !important; border-color: var(--d4gg-line) !important; }
.page-diablo-item .item-planner-link {
    color: #e5e6e8 !important;
    background: #202126 !important;
    border-color: #3b3d44 !important;
}
.page-diablo-item .item-affix-list li {
    color: #d7d9de !important;
    border-color: #2b2d33 !important;
}
.page-diablo-item .item-description { color: #d7d9de !important; }
.page-diablo-item .item-muted { color: #a8abb2 !important; }

/* ---------- Planner: global palette ---------- */
.page-diablo-planner {
    --planner-ink: var(--d4gg-text) !important;
    --planner-muted: var(--d4gg-muted) !important;
    --planner-line: var(--d4gg-line) !important;
    --planner-paper: var(--d4gg-panel) !important;
    --planner-canvas: var(--d4gg-bg) !important;
    --planner-blue: #6179aa !important;
    --planner-red: #c54b46 !important;
    --planner-gold: #aa8247 !important;
    --planner-dark: #111216 !important;
    color: var(--d4gg-text) !important;
    background: var(--d4gg-bg) !important;
}
.page-diablo-planner .planner-page,
.page-diablo-planner .planner-workspace,
.page-diablo-planner .planner-gear-pane,
.page-diablo-planner .planner-skill-pane,
.page-diablo-planner .planner-paragon-pane,
.page-diablo-planner .planner-mercenary-pane,
.page-diablo-planner .planner-warplan-pane {
    color: var(--d4gg-text) !important;
    background: var(--d4gg-bg) !important;
}
.page-diablo-planner .planner-titlebar h1,
.page-diablo-planner .planner-build-head h2,
.page-diablo-planner .planner-side-card h2,
.page-diablo-planner .planner-side-card h3,
.page-diablo-planner .planner-summary-card h2,
.page-diablo-planner .planner-summary-card h3,
.page-diablo-planner .planner-feature-tab-head h2,
.page-diablo-planner .planner-dialog-head h2,
.page-diablo-planner .planner-item-dialog h3,
.page-diablo-planner .planner-picker-dialog h3 {
    color: var(--d4gg-text-strong) !important;
}

.page-diablo-planner .planner-build-settings,
.page-diablo-planner .planner-classbar,
.page-diablo-planner .planner-build-card,
.page-diablo-planner .planner-build-head,
.page-diablo-planner .planner-section-tabs,
.page-diablo-planner .planner-gear-overview,
.page-diablo-planner .planner-side-card,
.page-diablo-planner .planner-summary-card,
.page-diablo-planner .planner-mechanic-sidebar,
.page-diablo-planner .planner-feature-tab-head,
.page-diablo-planner .planner-tool-header,
.page-diablo-planner .planner-canvas-guide,
.page-diablo-planner .planner-paragon-controls,
.page-diablo-planner .planner-warplan-toolbar,
.page-diablo-planner .planner-warplan-tabs,
.page-diablo-planner .planner-warplan-points,
.page-diablo-planner .planner-warplan-zoom,
.page-diablo-planner .planner-item-dialog,
.page-diablo-planner .planner-picker-dialog {
    color: var(--d4gg-text) !important;
    background: var(--d4gg-panel) !important;
    border-color: var(--d4gg-line) !important;
    box-shadow: none !important;
}

.page-diablo-planner .planner-build-settings input,
.page-diablo-planner .planner-build-settings select,
.page-diablo-planner .planner-mechanic select,
.page-diablo-planner .planner-item-dialog input,
.page-diablo-planner .planner-item-dialog select,
.page-diablo-planner .planner-picker-dialog input,
.page-diablo-planner .planner-picker-dialog select,
.page-diablo-planner .planner-tool-search input,
.page-diablo-planner .planner-glyph-header input,
.page-diablo-planner .planner-board-actions select,
.page-diablo-planner .planner-glyph-equipped input,
.page-diablo-planner .planner-warplan-search input,
.page-diablo-planner .planner-video-row input,
.page-diablo-planner .planner-rune-field input,
.page-diablo-planner textarea {
    color: #d8dbe0 !important;
    background: var(--d4gg-input) !important;
    border-color: #3a3c43 !important;
    box-shadow: none !important;
}

.page-diablo-planner button,
.page-diablo-planner .planner-actions button,
.page-diablo-planner .planner-canvas-actions button,
.page-diablo-planner .planner-board-actions button,
.page-diablo-planner .planner-dialog-mode > button,
.page-diablo-planner .planner-side-card button {
    color: #b9bcc2;
    border-color: #3a3c43;
}
.page-diablo-planner .planner-actions button,
.page-diablo-planner .planner-canvas-actions button,
.page-diablo-planner .planner-board-actions button,
.page-diablo-planner .planner-side-card button {
    background: #1d1e23 !important;
}
.page-diablo-planner .planner-actions button:first-child,
.page-diablo-planner .planner-actions .is-primary,
.page-diablo-planner .planner-dialog-mode > button.is-current {
    color: #d9dadd !important;
    background: #781310 !important;
    border-color: #9b1a16 !important;
}

.page-diablo-planner .planner-classbar button,
.page-diablo-planner .planner-section-tabs button {
    color: #999ca3 !important;
    background: #191a1f !important;
    border-color: var(--d4gg-line) !important;
}
.page-diablo-planner .planner-classbar button.is-current,
.page-diablo-planner .planner-section-tabs button.is-current {
    color: #d4d6d9 !important;
    background: #202126 !important;
}
.page-diablo-planner .planner-section-tabs button.is-current {
    border-bottom-color: #a50905 !important;
}

/* Equipment area — match the dark DIVGuides board, and remove the previous white fade. */
.page-diablo-planner .planner-gear-overview-main,
.page-diablo-planner .planner-equipment-board,
.page-diablo-planner .planner-equipment-board--summary,
.page-diablo-planner [data-slots] {
    color: var(--d4gg-text) !important;
    background: #1a1b1f !important;
    border-color: var(--d4gg-line) !important;
}
.page-diablo-planner [data-slots]::before {
    top: -12% !important;
    right: -8% !important;
    bottom: -12% !important;
    left: -8% !important;
    background-image: var(--planner-class-slot-background, none) !important;
    background-repeat: no-repeat !important;
    background-position: center 50% !important;
    background-size: auto 124% !important;
    opacity: .58 !important;
    filter: saturate(.72) brightness(.66) contrast(1.02) !important;
    -webkit-mask-image: radial-gradient(ellipse 46% 88% at 50% 50%, #000 0 52%, rgba(0,0,0,.86) 68%, rgba(0,0,0,.42) 83%, transparent 100%) !important;
    mask-image: radial-gradient(ellipse 46% 88% at 50% 50%, #000 0 52%, rgba(0,0,0,.86) 68%, rgba(0,0,0,.42) 83%, transparent 100%) !important;
}
.page-diablo-planner [data-slots]::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background:
        linear-gradient(90deg,
            #1a1b1f 0%,
            rgba(26,27,31,.94) 13%,
            rgba(26,27,31,.50) 28%,
            rgba(26,27,31,.02) 43%,
            rgba(26,27,31,.02) 57%,
            rgba(26,27,31,.50) 72%,
            rgba(26,27,31,.94) 87%,
            #1a1b1f 100%),
        linear-gradient(180deg,
            rgba(26,27,31,.92) 0%,
            rgba(26,27,31,.08) 18%,
            rgba(26,27,31,0) 40%,
            rgba(26,27,31,0) 76%,
            rgba(26,27,31,.72) 100%) !important;
}
.page-diablo-planner .planner-gear-slot,
.page-diablo-planner .planner-equipment-board--summary .planner-gear-slot,
.page-diablo-planner .planner-equipment-board--summary .planner-gear-slot[data-side="right"] {
    color: #b9bcc2 !important;
    background: rgba(30,31,36,.64) !important;
    border-color: #292b31 !important;
}
.page-diablo-planner .planner-gear-slot:hover,
.page-diablo-planner .planner-gear-slot.is-current,
.page-diablo-planner .planner-equipment-board--summary .planner-gear-slot:hover,
.page-diablo-planner .planner-equipment-board--summary .planner-gear-slot.is-current {
    background: rgba(38,39,45,.88) !important;
    border-color: #464950 !important;
}
.page-diablo-planner .planner-slot-tile,
.page-diablo-planner .planner-equipment-board--summary .planner-slot-tile,
.page-diablo-planner .planner-featured-skill-icon,
.page-diablo-planner .planner-rune-summary-icon,
.page-diablo-planner .planner-rune-field.is-empty .planner-rune-emblem {
    color: #777a82 !important;
    background: #202126 !important;
    border-color: #35373e !important;
}
.page-diablo-planner .planner-slot-placeholder { color: #6f7279 !important; }
.page-diablo-planner .planner-slot-copy strong { color: #d8dadd !important; }
.page-diablo-planner .planner-slot-copy small,
.page-diablo-planner .planner-slot-copy em { color: #777a82 !important; }
.page-diablo-planner .planner-gear-slot.is-legendary .planner-slot-copy strong { color: #d28b3c !important; }
.page-diablo-planner .planner-gear-slot.is-unique .planner-slot-copy strong { color: #d6a84d !important; }

.page-diablo-planner .planner-featured-skill,
.page-diablo-planner .planner-rune-summary,
.page-diablo-planner .planner-rune-field,
.page-diablo-planner .planner-video-row,
.page-diablo-planner .planner-mechanic-fields fieldset,
.page-diablo-planner .planner-glyph-socket,
.page-diablo-planner .planner-glyph-card,
.page-diablo-planner .planner-mercenary-card,
.page-diablo-planner .planner-warplan-card {
    color: var(--d4gg-text) !important;
    background: #1d1e23 !important;
    border-color: #34363d !important;
}

/* Planner dialogs / all popup layers */
.page-diablo-planner .planner-item-dialog,
.page-diablo-planner .planner-picker-dialog {
    color: var(--d4gg-text) !important;
    background: #1a1b1f !important;
}
.page-diablo-planner .planner-dialog-head,
.page-diablo-planner .planner-dialog-mode,
.page-diablo-planner .planner-dialog-footer,
.page-diablo-planner .planner-picker-head,
.page-diablo-planner .planner-picker-footer,
.page-diablo-planner .planner-masterwork-legend {
    color: var(--d4gg-text) !important;
    background: #191a1f !important;
    border-color: var(--d4gg-line) !important;
}
.page-diablo-planner .planner-dialog-body,
.page-diablo-planner .planner-dialog-list,
.page-diablo-planner .planner-dialog-detail,
.page-diablo-planner .planner-dialog-main,
.page-diablo-planner .planner-picker-body,
.page-diablo-planner .planner-picker-list,
.page-diablo-planner .planner-picker-detail {
    color: var(--d4gg-text) !important;
    background: #1a1b1f !important;
    border-color: var(--d4gg-line) !important;
}
.page-diablo-planner .planner-dialog-card,
.page-diablo-planner .planner-item-card,
.page-diablo-planner .planner-aspect-card,
.page-diablo-planner .planner-picker-card,
.page-diablo-planner .planner-affix-row,
.page-diablo-planner .planner-option-row,
.page-diablo-planner .planner-dialog-row,
.page-diablo-planner .planner-dialog-option,
.page-diablo-planner .planner-aspect-list-item,
.page-diablo-planner .planner-unique-list-item {
    color: var(--d4gg-text) !important;
    background: #1f2025 !important;
    border-color: #34363d !important;
}
.page-diablo-planner .planner-dialog-card:hover,
.page-diablo-planner .planner-item-card:hover,
.page-diablo-planner .planner-aspect-card:hover,
.page-diablo-planner .planner-picker-card:hover,
.page-diablo-planner .planner-aspect-list-item:hover,
.page-diablo-planner .planner-unique-list-item:hover {
    background: #25262c !important;
    border-color: #4a4c54 !important;
}

/* Dark tooltips stay neutral and readable. */
.page-diablo-planner .planner-slot-tooltip,
.page-diablo-planner .planner-node-tooltip,
.page-diablo-planner .planner-glyph-tooltip,
.page-diablo-planner [role="tooltip"] {
    color: #e3e5e8 !important;
    background: #15161a !important;
    border-color: #44474e !important;
    box-shadow: 0 16px 36px rgba(0,0,0,.48) !important;
}

/* Skill / paragon / war-plan canvases already use dark artwork; harmonize chrome only. */
.page-diablo-planner .planner-skill-viewport,
.page-diablo-planner .planner-paragon-viewport,
.page-diablo-planner .planner-warplan-viewport {
    background-color: #111216 !important;
    border-color: #2c2e34 !important;
}
.page-diablo-planner .planner-paragon-board-panel { background-color: #101115 !important; }

/* ---------- 404 ---------- */
.page-error {
    --error-paper: var(--d4gg-bg) !important;
    --error-surface: var(--d4gg-panel) !important;
    --error-ink: var(--d4gg-text) !important;
    --error-muted: var(--d4gg-muted) !important;
    --error-line: var(--d4gg-line) !important;
    --error-blue: #7187b7 !important;
    --error-dark: #111216 !important;
    color: var(--d4gg-text) !important;
    background: var(--d4gg-bg) !important;
}
.page-error .error-main h1 { color: var(--d4gg-text-strong) !important; }
.page-error .error-main > p:not(.error-eyebrow) { color: var(--d4gg-muted) !important; }

@media (max-width: 720px) {
    .page-diablo-planner [data-slots]::before {
        top: -6% !important;
        right: -16% !important;
        bottom: -6% !important;
        left: -16% !important;
        background-size: auto 108% !important;
        opacity: .44 !important;
    }
}

/* ---------- Planner popup/layer hardening: cover every selector used by current JS ---------- */
.page-diablo-planner .planner-dialog-body {
    background: #17181c !important;
}
.page-diablo-planner .planner-choice-panel,
.page-diablo-planner .planner-config-panel,
.page-diablo-planner .planner-compact-group,
.page-diablo-planner .planner-choice,
.page-diablo-planner .planner-option-row,
.page-diablo-planner .planner-search-select > input,
.page-diablo-planner .planner-choice-panel > label input {
    color: var(--d4gg-text) !important;
    background: #1d1e23 !important;
    border-color: #34363d !important;
    box-shadow: none !important;
}
.page-diablo-planner .planner-choice:hover {
    background: #24252b !important;
    border-color: #484a52 !important;
}
.page-diablo-planner .planner-choice.is-selected {
    background: #23242a !important;
    border-color: #5e6f93 !important;
    box-shadow: inset 4px 0 #667ba8 !important;
}
.page-diablo-planner .planner-choice-list,
.page-diablo-planner .planner-config-heading { border-color: #303238 !important; }
.page-diablo-planner .planner-choice i,
.page-diablo-planner .planner-compact-option-label,
.page-diablo-planner .planner-compact-option-badge,
.page-diablo-planner .planner-compact-option-row .planner-greater-affix {
    color: #9da0a7 !important;
    background: #24252a !important;
    border-color: #3b3d44 !important;
}
.page-diablo-planner .planner-config-heading span,
.page-diablo-planner .planner-choice-count,
.page-diablo-planner .planner-compact-group > header p { color: #858890 !important; }
.page-diablo-planner .planner-aspect-effect {
    color: #b8bbc1 !important;
    background: #191a1f !important;
    border-color: #303238 !important;
}
.page-diablo-planner .planner-dialog-empty {
    color: #858890 !important;
    background: #191a1f !important;
    border-color: #3b3d44 !important;
}
.page-diablo-planner .planner-dialog-empty > span { color: #666a72 !important; }
.page-diablo-planner .planner-dialog-empty strong { color: #d8dade !important; }
.page-diablo-planner .planner-dialog-empty p { color: #858890 !important; }
.page-diablo-planner .planner-dialog-footer .planner-dialog-remove {
    color: #777a82 !important;
    background: #1d1e23 !important;
    border-color: #35373e !important;
}

.page-diablo-planner .planner-picker-head,
.page-diablo-planner .planner-picker-toolbar,
.page-diablo-planner .planner-socket-toolbar,
.page-diablo-planner .planner-picker-filters,
.page-diablo-planner .planner-picker-grid {
    color: var(--d4gg-text) !important;
    background: #1a1b1f !important;
    border-color: #303238 !important;
}
.page-diablo-planner .planner-picker-toolbar input,
.page-diablo-planner .planner-picker-toolbar > button,
.page-diablo-planner .planner-picker-filters button {
    color: #b9bcc2 !important;
    background: #1d1e23 !important;
    border-color: #3a3c43 !important;
}
.page-diablo-planner .planner-picker-filters button.is-current {
    color: #d9dadd !important;
    background: #781310 !important;
    border-color: #9b1a16 !important;
}
.page-diablo-planner .planner-picker-card {
    color: #c9cbd0 !important;
    background: #1f2025 !important;
    border-color: #34363d !important;
}
.page-diablo-planner .planner-picker-card:hover,
.page-diablo-planner .planner-picker-card.is-selected {
    background: #26272d !important;
    border-color: #555861 !important;
}
.page-diablo-planner .planner-picker-card small,
.page-diablo-planner .planner-picker-empty { color: #858890 !important; }

.page-diablo-planner .planner-paragon-picker,
.page-diablo-planner .planner-paragon-picker-shell,
.page-diablo-planner .planner-paragon-picker-head,
.page-diablo-planner .planner-paragon-picker-search,
.page-diablo-planner .planner-paragon-picker-grid,
.page-diablo-planner .planner-paragon-picker-foot {
    color: var(--d4gg-text) !important;
    background: #1a1b1f !important;
    border-color: #303238 !important;
}
.page-diablo-planner .planner-paragon-picker-head h3 { color: var(--d4gg-text-strong) !important; }
.page-diablo-planner .planner-paragon-picker-head > button { color: #8b8e95 !important; }
.page-diablo-planner .planner-paragon-picker-search input {
    color: #d7d9de !important;
    background: #1d1e23 !important;
    border-color: #3a3c43 !important;
}
.page-diablo-planner .planner-paragon-picker-card,
.page-diablo-planner .planner-paragon-board-choice {
    color: var(--d4gg-text) !important;
    background: #1f2025 !important;
    border-color: #34363d !important;
}
.page-diablo-planner .planner-paragon-picker-card:hover,
.page-diablo-planner .planner-paragon-picker-card.is-current,
.page-diablo-planner .planner-paragon-board-choice:hover {
    background: #26272d !important;
    border-color: #555861 !important;
}

.page-diablo-planner .planner-mercenary-layout,
.page-diablo-planner .planner-mercenary-list,
.page-diablo-planner .planner-mercenary-detail,
.page-diablo-planner .planner-mercenary-setup,
.page-diablo-planner .planner-mercenary-tree-shell,
.page-diablo-planner .planner-mercenary-tree-tools {
    color: var(--d4gg-text) !important;
    background: #1a1b1f !important;
    border-color: #303238 !important;
}
.page-diablo-planner .planner-mercenary-picker-layer {
    background: rgba(5,6,8,.80) !important;
    backdrop-filter: blur(3px);
}
.page-diablo-planner .planner-mercenary-picker-dialog,
.page-diablo-planner .planner-mercenary-picker-dialog > header,
.page-diablo-planner .planner-mercenary-picker-list {
    color: var(--d4gg-text) !important;
    background: #1a1b1f !important;
    border-color: #303238 !important;
    box-shadow: 0 28px 80px rgba(0,0,0,.52) !important;
}
.page-diablo-planner .planner-mercenary-picker-dialog > header strong { color: var(--d4gg-text-strong) !important; }
.page-diablo-planner .planner-mercenary-picker-dialog > header small { color: #858890 !important; }
.page-diablo-planner .planner-mercenary-picker-dialog > header button {
    color: #94979e !important;
    background: #1f2025 !important;
    border-color: #3a3c43 !important;
}
.page-diablo-planner .planner-mercenary-picker-card {
    color: var(--d4gg-text) !important;
    background: #1f2025 !important;
    border-color: #34363d !important;
}
.page-diablo-planner .planner-mercenary-picker-card:hover {
    background: #25262c !important;
    border-color: #4c4f57 !important;
}
.page-diablo-planner .planner-mercenary-picker-card.is-selected {
    background: #24262c !important;
    border-color: #60759f !important;
    box-shadow: inset 4px 0 #60759f !important;
}

.page-diablo-planner .planner-mechanic-picker-card,
.page-diablo-planner .planner-mechanic-slot,
.page-diablo-planner .planner-druid-row,
.page-diablo-planner .planner-necro-row,
.page-diablo-planner .planner-enchantment-slots,
.page-diablo-planner .planner-soul-shards,
.page-diablo-planner .planner-spirit-hall {
    color: var(--d4gg-text) !important;
    background: #1d1e23 !important;
    border-color: #34363d !important;
}

/* ========================================================================== */
/* 2026-08-27 Reference-match polish v2                                       */
/* Palette sampled from the supplied DIVGuides reference:                     */
/* outer #15161a / main #1a1b1f / raised #1d1e22 / line #303238              */
/* Typography intentionally avoids pure white.                                */
/* ========================================================================== */

:root {
    --d4gg-bg: #15161a;
    --d4gg-panel: #1a1b1f;
    --d4gg-panel-2: #1d1e22;
    --d4gg-panel-3: #202126;
    --d4gg-input: #1b1c21;
    --d4gg-line: #303238;
    --d4gg-line-soft: #282a2f;
    --d4gg-text-strong: #d2d4d7;
    --d4gg-text: #aeb1b6;
    --d4gg-muted: #7c8087;
    --d4gg-faint: #5f6269;
}

body {
    color: var(--d4gg-text) !important;
    background: #15161a !important;
}

body a { color: #aeb1b6; }
body label,
body legend { color: #989ba1; }
body small,
body time { color: #73767d; }
body input,
body select,
body textarea {
    color: #aeb1b6 !important;
    background-color: #1b1c21 !important;
    border-color: #34363c !important;
}
body input::placeholder,
body textarea::placeholder { color: #666a72 !important; }

/* Shared chrome: softer than pure white, matching the reference. */
.portal-brand-copy strong,
.diablo-brand strong,
.portal-footer-brand strong,
.page-home .home-selector-heading h1,
.page-home .home-platform-copy strong,
.page-diablo .diablo-section-heading h2,
.page-diablo .diablo-video-copy strong,
.page-diablo .diablo-info-panel h2,
.page-diablo .diablo-build-name h3,
.page-diablo-database .db-heading h1,
.page-diablo-database .db-card-copy h2,
.page-diablo-item .item-detail h1,
.page-diablo-item .item-detail h2,
.page-diablo-item .item-detail h3 {
    color: #d0d2d5 !important;
}

.portal-nav a:hover,
.diablo-nav a:hover,
.portal-nav a[aria-current="page"],
.diablo-nav a.is-current { color: #cfd1d4 !important; }

/* Planner typography hierarchy. */
body.page-diablo-planner .planner-titlebar h1,
body.page-diablo-planner .planner-build-head h2,
body.page-diablo-planner .planner-side-card h2,
body.page-diablo-planner .planner-side-card h3,
body.page-diablo-planner .planner-summary-card h2,
body.page-diablo-planner .planner-summary-card h3,
body.page-diablo-planner .planner-feature-tab-head h2,
body.page-diablo-planner .planner-dialog-head h2,
body.page-diablo-planner .planner-item-dialog h3,
body.page-diablo-planner .planner-picker-dialog h3,
body.page-diablo-planner .planner-mechanic-overview h2,
body.page-diablo-planner .planner-mechanic-overview h3,
body.page-diablo-planner .planner-mercenary-detail-head h3,
body.page-diablo-planner .planner-mercenary-tree-heading strong {
    color: #d0d2d5 !important;
}

body.page-diablo-planner .planner-slot-copy strong,
body.page-diablo-planner .planner-featured-skill strong,
body.page-diablo-planner .planner-rune-summary strong,
body.page-diablo-planner .planner-mercenary-card strong,
body.page-diablo-planner .planner-choice strong,
body.page-diablo-planner .planner-picker-card strong {
    color: #aeb1b6 !important;
}

body.page-diablo-planner .planner-slot-copy small,
body.page-diablo-planner .planner-slot-copy em,
body.page-diablo-planner .planner-featured-skill.is-empty strong,
body.page-diablo-planner .planner-rune-summary.is-empty strong,
body.page-diablo-planner .planner-mercenary-card small,
body.page-diablo-planner .planner-choice small,
body.page-diablo-planner .planner-picker-card small,
body.page-diablo-planner .planner-build-head span,
body.page-diablo-planner .planner-status {
    color: #74777e !important;
}

/* Tabs and primary actions: no pure-white foreground. */
body.page-diablo-planner .planner-classbar button,
body.page-diablo-planner .planner-section-tabs button {
    color: #8e9198 !important;
    background: #191a1e !important;
    border-color: #2d2f34 !important;
}
body.page-diablo-planner .planner-classbar button.is-current,
body.page-diablo-planner .planner-section-tabs button.is-current {
    color: #d0d2d5 !important;
    background: #1f2024 !important;
}
body.page-diablo-planner .planner-actions button:first-child,
body.page-diablo-planner .planner-actions .is-primary,
body.page-diablo-planner .planner-dialog-mode > button.is-current,
body.page-diablo-planner .planner-picker-filters button.is-current {
    color: #d9dadd !important;
    background: #751310 !important;
    border-color: #921a16 !important;
}

/* Exact high-specificity overrides for the remaining light overview controls. */
body.page-diablo-planner .planner-side-card > header button,
body.page-diablo-planner .planner-video-row input,
body.page-diablo-planner .planner-rune-field input,
body.page-diablo-planner [data-build-memo],
body.page-diablo-planner .planner-video-row button,
body.page-diablo-planner .planner-video-actions button,
body.page-diablo-planner .planner-video-preview {
    color: #a5a8ae !important;
    border-color: #34363c !important;
    background: #1b1c21 !important;
    box-shadow: none !important;
}

body.page-diablo-planner .planner-side-card > header button:hover,
body.page-diablo-planner .planner-video-row button:hover,
body.page-diablo-planner .planner-video-actions button:hover {
    color: #c3c5c8 !important;
    border-color: #45484f !important;
    background: #202126 !important;
}

body.page-diablo-planner [data-build-memo] {
    color: #9fa2a8 !important;
    background: #1a1b1f !important;
}

/* Empty skill/rune tiles were still inheriting the old white theme. */
body.page-diablo-planner .planner-featured-skill.is-empty .planner-featured-skill-icon,
body.page-diablo-planner .planner-rune-field.is-empty .planner-rune-emblem,
body.page-diablo-planner .planner-rune-summary.is-empty .planner-rune-summary-icon {
    color: #6f7279 !important;
    border-color: #34363c !important;
    background: #1e1f24 !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.012) !important;
}
body.page-diablo-planner .planner-featured-skill-icon i { color: #777a81 !important; }

/* Overview card hierarchy and separators. */
body.page-diablo-planner .planner-build-card,
body.page-diablo-planner .planner-build-head,
body.page-diablo-planner .planner-gear-overview,
body.page-diablo-planner .planner-gear-overview-main,
body.page-diablo-planner .planner-gear-sidebar,
body.page-diablo-planner .planner-side-card,
body.page-diablo-planner .planner-summary-card,
body.page-diablo-planner .planner-mechanic-sidebar,
body.page-diablo-planner .planner-mechanic-overview,
body.page-diablo-planner .planner-tab-panel,
body.page-diablo-planner .planner-feature-panel {
    color: #aeb1b6 !important;
    background: #1a1b1f !important;
    border-color: #303238 !important;
    box-shadow: none !important;
}

body.page-diablo-planner .planner-side-card > header,
body.page-diablo-planner .planner-summary-card > header,
body.page-diablo-planner .planner-mechanic-sidebar > header,
body.page-diablo-planner .planner-feature-tab-head,
body.page-diablo-planner .planner-mercenary-detail > header,
body.page-diablo-planner .planner-mechanic-overview > header {
    border-color: #303238 !important;
    border-bottom-color: #303238 !important;
}

/* Class feature / mechanic surfaces. */
body.page-diablo-planner .planner-mechanic-slot-icon,
body.page-diablo-planner .planner-druid-boons,
body.page-diablo-planner .planner-necro-group > div,
body.page-diablo-planner .planner-spirit-options,
body.page-diablo-planner .planner-soul-shards,
body.page-diablo-planner .planner-warplan-card,
body.page-diablo-planner .planner-mercenary-card,
body.page-diablo-planner .planner-mercenary-list,
body.page-diablo-planner .planner-warplan-number,
body.page-diablo-planner .planner-paragon-picker-shell,
body.page-diablo-planner .planner-necro-spec {
    color: #a8abb0 !important;
    border-color: #34363c !important;
    background: #1d1e22 !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-druid-powers::before,
body.page-diablo-planner .planner-necro-row::before,
body.page-diablo-planner .planner-shard-row::before {
    background: #35373d !important;
}

/* Dialogs / selection layers — force every light panel and control dark. */
body.page-diablo-planner .planner-item-dialog,
body.page-diablo-planner .planner-item-dialog > div,
body.page-diablo-planner .planner-dialog-body,
body.page-diablo-planner .planner-choice-panel,
body.page-diablo-planner .planner-config-panel,
body.page-diablo-planner .planner-compact-group,
body.page-diablo-planner .planner-dialog-empty,
body.page-diablo-planner .planner-picker-dialog,
body.page-diablo-planner .planner-picker-body,
body.page-diablo-planner .planner-picker-list,
body.page-diablo-planner .planner-picker-detail {
    color: #aeb1b6 !important;
    background: #1a1b1f !important;
    border-color: #303238 !important;
    box-shadow: none !important;
}

body.page-diablo-planner .planner-dialog-head,
body.page-diablo-planner .planner-dialog-mode,
body.page-diablo-planner .planner-dialog-footer,
body.page-diablo-planner .planner-picker-head,
body.page-diablo-planner .planner-picker-footer {
    color: #aeb1b6 !important;
    background: #191a1e !important;
    border-color: #303238 !important;
}

body.page-diablo-planner .planner-dialog-head > button,
body.page-diablo-planner .planner-dialog-mode > button,
body.page-diablo-planner .planner-choice-panel > label input,
body.page-diablo-planner .planner-search-select > input,
body.page-diablo-planner .planner-option-row,
body.page-diablo-planner .planner-compact-group,
body.page-diablo-planner .planner-choice,
body.page-diablo-planner .planner-choice i,
body.page-diablo-planner .planner-compact-option-label,
body.page-diablo-planner .planner-compact-option-badge,
body.page-diablo-planner .planner-compact-option-row .planner-greater-affix,
body.page-diablo-planner .planner-dialog-footer .planner-dialog-remove {
    color: #9fa2a8 !important;
    border-color: #34363c !important;
    background: #1d1e22 !important;
    box-shadow: none !important;
}

body.page-diablo-planner .planner-choice:hover {
    color: #b9bbc0 !important;
    border-color: #45484f !important;
    background: #222329 !important;
}
body.page-diablo-planner .planner-choice.is-selected {
    color: #c0c2c6 !important;
    border-color: #53617f !important;
    background: #20232a !important;
    box-shadow: inset 3px 0 #596b91 !important;
}
body.page-diablo-planner .planner-choice-list,
body.page-diablo-planner .planner-config-heading { border-color: #303238 !important; }
body.page-diablo-planner .planner-aspect-effect {
    color: #a6a9ae !important;
    border-color: #303238 !important;
    background: #191a1e !important;
}
body.page-diablo-planner .planner-dialog-empty {
    color: #7e8188 !important;
    border-color: #3a3c42 !important;
}
body.page-diablo-planner .planner-dialog-empty strong { color: #b9bbc0 !important; }
body.page-diablo-planner .planner-dialog-empty p,
body.page-diablo-planner .planner-dialog-empty > span { color: #74777e !important; }

/* Mercenary page: the later source rules used many light surfaces. */
body.page-diablo-planner .planner-mercenary-layout,
body.page-diablo-planner .planner-mercenary-list,
body.page-diablo-planner .planner-mercenary-detail,
body.page-diablo-planner .planner-mercenary-detail-head,
body.page-diablo-planner .planner-mercenary-selection-summary,
body.page-diablo-planner .planner-mercenary-tree-shell,
body.page-diablo-planner .planner-mercenary-empty,
body.page-diablo-planner .planner-mercenary-setup-slot,
body.page-diablo-planner .planner-mercenary-picker-panel,
body.page-diablo-planner .planner-mercenary-picker-panel > header,
body.page-diablo-planner .planner-mercenary-picker-dialog,
body.page-diablo-planner .planner-mercenary-picker-list {
    color: #aeb1b6 !important;
    background: #1a1b1f !important;
    border-color: #303238 !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-mercenary-selection-summary > span {
    border-color: #303238 !important;
}
body.page-diablo-planner .planner-mercenary-detail-head > button,
body.page-diablo-planner .planner-mercenary-tree-tools > button,
body.page-diablo-planner .planner-mercenary-picker-dialog > header button {
    color: #9da0a6 !important;
    background: #1d1e22 !important;
    border-color: #34363c !important;
}
body.page-diablo-planner .planner-mercenary-card:hover,
body.page-diablo-planner .planner-mercenary-picker-card:hover {
    background: #222329 !important;
    border-color: #45484f !important;
}
body.page-diablo-planner .planner-mercenary-card.is-selected,
body.page-diablo-planner .planner-mercenary-picker-card.is-selected {
    background: #20232a !important;
    border-color: #596b91 !important;
    box-shadow: inset 3px 0 #596b91 !important;
}
body.page-diablo-planner .planner-mercenary-selection-summary small { color: #70737a !important; }
body.page-diablo-planner .planner-mercenary-selection-summary strong { color: #8d9097 !important; }
body.page-diablo-planner .planner-mercenary-selection-summary .is-filled strong { color: #9ca9c2 !important; }

/* Paragon / War Plan / Glyph side controls. */
body.page-diablo-planner .planner-paragon-picker,
body.page-diablo-planner .planner-paragon-picker-shell,
body.page-diablo-planner .planner-paragon-picker-head,
body.page-diablo-planner .planner-paragon-picker-search,
body.page-diablo-planner .planner-paragon-picker-grid,
body.page-diablo-planner .planner-paragon-picker-foot,
body.page-diablo-planner .planner-warplan-workspace,
body.page-diablo-planner .planner-warplan-toolbar,
body.page-diablo-planner .planner-warplan-tabs,
body.page-diablo-planner .planner-warplan-points,
body.page-diablo-planner .planner-glyph-pane,
body.page-diablo-planner .planner-glyph-header,
body.page-diablo-planner .planner-glyph-layout > section {
    color: #aeb1b6 !important;
    background: #1a1b1f !important;
    border-color: #303238 !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-paragon-picker-card,
body.page-diablo-planner .planner-paragon-board-choice,
body.page-diablo-planner .planner-warplan-tab,
body.page-diablo-planner .planner-glyph-socket,
body.page-diablo-planner .planner-glyph-card {
    color: #a5a8ae !important;
    background: #1d1e22 !important;
    border-color: #34363c !important;
}
body.page-diablo-planner .planner-paragon-picker-card:hover,
body.page-diablo-planner .planner-paragon-board-choice:hover,
body.page-diablo-planner .planner-warplan-tab:hover,
body.page-diablo-planner .planner-glyph-card:hover:not(:disabled) {
    background: #222329 !important;
    border-color: #45484f !important;
}

/* Subtle separators everywhere instead of bright horizontal rules. */
body.page-diablo-planner hr,
body.page-diablo-planner [class*="planner-"][class*="-head"],
body.page-diablo-planner [class*="planner-"][class*="-header"] {
    border-color: #303238 !important;
}

/* Keep semantic rarity/accent colors; only soften neutral text. */
body.page-diablo-planner .planner-gear-slot.is-legendary .planner-slot-copy strong { color: #d18a39 !important; }
body.page-diablo-planner .planner-gear-slot.is-unique .planner-slot-copy strong { color: #b889c7 !important; }

/* Other pages: apply the same reference typography hierarchy. */
.page-home,
.page-diablo,
.page-diablo-database,
.page-diablo-item,
.page-aion2,
.page-lineage-classic,
.page-error {
    color: #aeb1b6 !important;
}
.page-home p,
.page-diablo p,
.page-diablo-database p,
.page-diablo-item p,
.page-aion2 p,
.page-lineage-classic p,
.page-error p { color: #83868d; }

/* ========================================================================== 
   2026-08-27 dark-theme audit v3
   Final pass for controls that still inherited the original light planner CSS.
   ========================================================================== */

/* 1) Equipment sockets — remove the bright white halo from empty gem/rune slots. */
body.page-diablo-planner .planner-slot-socket {
    color: #858990 !important;
    border-color: #555960 !important;
    background: #1a1b1f !important;
    box-shadow:
        0 0 0 2px #15161a,
        0 0 0 3px #45484f !important;
}
body.page-diablo-planner .planner-slot-socket:hover,
body.page-diablo-planner .planner-slot-socket:focus-visible {
    border-color: #9c5b57 !important;
    box-shadow:
        0 0 0 2px #15161a,
        0 0 0 3px #7b403d !important;
}
body.page-diablo-planner .planner-slot-socket.is-filled {
    border-color: #826d48 !important;
    box-shadow:
        0 0 0 2px #15161a,
        0 0 0 3px #574a36 !important;
}
body.page-diablo-planner .planner-slot-socket.is-rune {
    border-color: #6e587e !important;
    box-shadow:
        0 0 0 2px #15161a,
        0 0 0 3px #4c4058 !important;
}

/* 2) All planner scroll areas — source CSS had per-panel light scrollbar colors. */
body.page-diablo-planner .planner-choice-list,
body.page-diablo-planner .planner-config-panel,
body.page-diablo-planner .planner-dialog-body,
body.page-diablo-planner .planner-picker-list,
body.page-diablo-planner .planner-picker-grid,
body.page-diablo-planner .planner-paragon-picker-grid,
body.page-diablo-planner .planner-mercenary-picker-list,
body.page-diablo-planner .planner-mercenary-picker-grid,
body.page-diablo-planner .planner-mercenary-tree-scroll,
body.page-diablo-planner .planner-glyph-sockets > div,
body.page-diablo-planner .planner-glyph-catalog > div {
    scrollbar-color: #45484f #191a1e !important;
    scrollbar-width: thin !important;
}
body.page-diablo-planner .planner-choice-list::-webkit-scrollbar,
body.page-diablo-planner .planner-config-panel::-webkit-scrollbar,
body.page-diablo-planner .planner-dialog-body::-webkit-scrollbar,
body.page-diablo-planner .planner-picker-list::-webkit-scrollbar,
body.page-diablo-planner .planner-picker-grid::-webkit-scrollbar,
body.page-diablo-planner .planner-paragon-picker-grid::-webkit-scrollbar,
body.page-diablo-planner .planner-mercenary-picker-list::-webkit-scrollbar,
body.page-diablo-planner .planner-mercenary-picker-grid::-webkit-scrollbar {
    width: 9px !important;
    height: 9px !important;
}
body.page-diablo-planner .planner-choice-list::-webkit-scrollbar-track,
body.page-diablo-planner .planner-config-panel::-webkit-scrollbar-track,
body.page-diablo-planner .planner-dialog-body::-webkit-scrollbar-track,
body.page-diablo-planner .planner-picker-list::-webkit-scrollbar-track,
body.page-diablo-planner .planner-picker-grid::-webkit-scrollbar-track,
body.page-diablo-planner .planner-paragon-picker-grid::-webkit-scrollbar-track,
body.page-diablo-planner .planner-mercenary-picker-list::-webkit-scrollbar-track,
body.page-diablo-planner .planner-mercenary-picker-grid::-webkit-scrollbar-track {
    background: #191a1e !important;
}
body.page-diablo-planner .planner-choice-list::-webkit-scrollbar-thumb,
body.page-diablo-planner .planner-config-panel::-webkit-scrollbar-thumb,
body.page-diablo-planner .planner-dialog-body::-webkit-scrollbar-thumb,
body.page-diablo-planner .planner-picker-list::-webkit-scrollbar-thumb,
body.page-diablo-planner .planner-picker-grid::-webkit-scrollbar-thumb,
body.page-diablo-planner .planner-paragon-picker-grid::-webkit-scrollbar-thumb,
body.page-diablo-planner .planner-mercenary-picker-list::-webkit-scrollbar-thumb,
body.page-diablo-planner .planner-mercenary-picker-grid::-webkit-scrollbar-thumb {
    background: #45484f !important;
    border: 2px solid #191a1e !important;
    border-radius: 10px !important;
}
body.page-diablo-planner .planner-choice-list::-webkit-scrollbar-thumb:hover,
body.page-diablo-planner .planner-config-panel::-webkit-scrollbar-thumb:hover,
body.page-diablo-planner .planner-dialog-body::-webkit-scrollbar-thumb:hover,
body.page-diablo-planner .planner-picker-list::-webkit-scrollbar-thumb:hover,
body.page-diablo-planner .planner-picker-grid::-webkit-scrollbar-thumb:hover,
body.page-diablo-planner .planner-paragon-picker-grid::-webkit-scrollbar-thumb:hover,
body.page-diablo-planner .planner-mercenary-picker-list::-webkit-scrollbar-thumb:hover,
body.page-diablo-planner .planner-mercenary-picker-grid::-webkit-scrollbar-thumb:hover {
    background: #575a62 !important;
}

/* 3) Item/aspect layer buttons — no white cancel/close/save controls. */
body.page-diablo-planner .planner-dialog-head > button,
body.page-diablo-planner .planner-picker-head > button,
body.page-diablo-planner [data-picker-close],
body.page-diablo-planner [data-paragon-picker-close],
body.page-diablo-planner [data-mercenary-picker-close] {
    color: #9b9ea5 !important;
    border-color: #3c3f46 !important;
    background: #1d1e22 !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-dialog-head > button:hover,
body.page-diablo-planner .planner-picker-head > button:hover,
body.page-diablo-planner [data-picker-close]:hover,
body.page-diablo-planner [data-paragon-picker-close]:hover,
body.page-diablo-planner [data-mercenary-picker-close]:hover {
    color: #c0c2c6 !important;
    border-color: #555860 !important;
    background: #24252a !important;
}
body.page-diablo-planner .planner-dialog-footer button,
body.page-diablo-planner .planner-paragon-picker-foot button,
body.page-diablo-planner .planner-picker-toolbar > button,
body.page-diablo-planner .planner-picker-filters button {
    color: #a4a7ad !important;
    border-color: #3a3d44 !important;
    background: #1d1e22 !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-dialog-footer button:hover:not(:disabled),
body.page-diablo-planner .planner-paragon-picker-foot button:hover:not(:disabled),
body.page-diablo-planner .planner-picker-toolbar > button:hover:not(:disabled),
body.page-diablo-planner .planner-picker-filters button:hover:not(:disabled) {
    color: #c3c5c9 !important;
    border-color: #50535a !important;
    background: #232429 !important;
}
body.page-diablo-planner .planner-dialog-footer .planner-dialog-save:not(:disabled),
body.page-diablo-planner .planner-picker-filters button.is-current {
    color: #d1d3d6 !important;
    border-color: #8b211d !important;
    background: #741411 !important;
}
body.page-diablo-planner .planner-dialog-footer button:disabled,
body.page-diablo-planner .planner-paragon-picker-foot button:disabled,
body.page-diablo-planner .planner-picker-toolbar > button:disabled {
    color: #5e6269 !important;
    border-color: #303238 !important;
    background: #202126 !important;
    opacity: 1 !important;
    cursor: default !important;
}
body.page-diablo-planner .planner-dialog-footer .planner-dialog-remove,
body.page-diablo-planner .planner-paragon-picker-foot button.is-danger {
    color: #a86d68 !important;
    border-color: #533633 !important;
    background: #211b1c !important;
}

/* 4) Skill tree / Paragon remaining-point counters. */
body.page-diablo-planner .planner-point-summary {
    color: #858990 !important;
    border-color: #34363c !important;
    background: #1d1e22 !important;
}
body.page-diablo-planner .planner-point-summary strong {
    color: #c56a64 !important;
    font-weight: 600 !important;
}
body.page-diablo-planner .planner-point-summary i {
    color: #555960 !important;
}
body.page-diablo-planner .planner-canvas-guide strong {
    color: #92959c !important;
}
body.page-diablo-planner .planner-tool-header,
body.page-diablo-planner .planner-paragon-controls,
body.page-diablo-planner .planner-canvas-guide {
    color: #858990 !important;
    border-color: #303238 !important;
    background: #191a1e !important;
}

/* 5) Generic canvas/board controls, including zoom/fit buttons. */
body.page-diablo-planner .planner-canvas-actions button,
body.page-diablo-planner .planner-board-actions button,
body.page-diablo-planner .planner-paragon-picker-foot button,
body.page-diablo-planner .planner-mercenary-tree-tools > button,
body.page-diablo-planner .planner-warplan-fit {
    color: #989ba2 !important;
    border-color: #3a3d44 !important;
    background: #1d1e22 !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-canvas-actions button:hover,
body.page-diablo-planner .planner-board-actions button:hover:not(:disabled),
body.page-diablo-planner .planner-mercenary-tree-tools > button:hover,
body.page-diablo-planner .planner-warplan-fit:hover {
    color: #b9bbc0 !important;
    border-color: #50535a !important;
    background: #232429 !important;
}
body.page-diablo-planner .planner-board-actions button:disabled {
    color: #5d6067 !important;
    border-color: #303238 !important;
    background: #1c1d21 !important;
    opacity: .65 !important;
}

/* 6) War Plan toolbar/tabs: source v2 was still explicitly white. */
body.page-diablo-planner .planner-warplan-workspace {
    background: #17181c !important;
    border-color: #303238 !important;
}
body.page-diablo-planner .planner-warplan-points,
body.page-diablo-planner .planner-warplan-search input,
body.page-diablo-planner .planner-warplan-fit,
body.page-diablo-planner .planner-warplan-tab {
    color: #979aa1 !important;
    border-color: #34373e !important;
    background: #1c1d22 !important;
}
body.page-diablo-planner .planner-warplan-points strong {
    color: #c66b65 !important;
    border-color: #6b3936 !important;
    background: #211c1d !important;
}
body.page-diablo-planner .planner-warplan-zoom,
body.page-diablo-planner .planner-warplan-guide,
body.page-diablo-planner .planner-warplan-tab small {
    color: #6f737a !important;
}
body.page-diablo-planner .planner-warplan-tab strong {
    color: #aeb1b6 !important;
}
body.page-diablo-planner .planner-warplan-tab:hover {
    color: #b7b9be !important;
    border-color: #4b4e55 !important;
    background: #222329 !important;
}
body.page-diablo-planner .planner-warplan-tab.is-current {
    color: #c6c8cc !important;
    border-color: #723b38 !important;
    background: #211c1d !important;
    box-shadow: inset 0 -2px #9a2925 !important;
}

/* 7) Mercenary pre-selection/empty state and setup boxes. */
body.page-diablo-planner .planner-mercenary-layout,
body.page-diablo-planner .planner-mercenary-detail,
body.page-diablo-planner .planner-mercenary-list {
    background: #17181c !important;
    border-color: #303238 !important;
}
body.page-diablo-planner .planner-mercenary-card,
body.page-diablo-planner .planner-mercenary-skill,
body.page-diablo-planner .planner-mercenary-detail-head,
body.page-diablo-planner .planner-mercenary-tree-shell,
body.page-diablo-planner .planner-mercenary-setup-slot,
body.page-diablo-planner .planner-mercenary-picker-panel,
body.page-diablo-planner .planner-mercenary-picker-card {
    color: #a5a8ae !important;
    border-color: #34373e !important;
    background: #1c1d22 !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-mercenary-selection-summary {
    border-color: #34373e !important;
    background: #1a1b1f !important;
}
body.page-diablo-planner .planner-mercenary-selection-summary > span {
    border-color: #303238 !important;
    background: #1b1c20 !important;
}
body.page-diablo-planner .planner-mercenary-selection-summary > span:not(.is-filled) {
    background: #191a1e !important;
}
body.page-diablo-planner .planner-mercenary-selection-summary > span:not(.is-filled) strong {
    color: #686c73 !important;
}
body.page-diablo-planner .planner-mercenary-empty {
    color: #71757c !important;
    border-color: #3b3e45 !important;
    background: #191a1e !important;
}
body.page-diablo-planner .planner-mercenary-empty > span { color: #5f636b !important; }
body.page-diablo-planner .planner-mercenary-empty strong { color: #a6a9ae !important; }
body.page-diablo-planner .planner-mercenary-empty p { color: #72767d !important; }
body.page-diablo-planner .planner-mercenary-setup-slot:hover:not(:disabled),
body.page-diablo-planner .planner-mercenary-card:hover,
body.page-diablo-planner .planner-mercenary-skill:hover,
body.page-diablo-planner .planner-mercenary-picker-card:hover {
    border-color: #4b4e55 !important;
    background: #222329 !important;
}
body.page-diablo-planner .planner-mercenary-card.is-selected,
body.page-diablo-planner .planner-mercenary-skill.is-selected,
body.page-diablo-planner .planner-mercenary-picker-card.is-selected {
    border-color: #5c6680 !important;
    background: #202229 !important;
    box-shadow: inset 3px 0 #596681 !important;
}

/* 8) Remaining light picker / mechanic / overview surfaces found in the audit. */
body.page-diablo-planner .planner-season-effects > span:not(.planner-season-empty),
body.page-diablo-planner .planner-season-empty,
body.page-diablo-planner .planner-mechanic-fields fieldset,
body.page-diablo-planner .planner-mechanic-fields fieldset button,
body.page-diablo-planner .planner-board-tabs button,
body.page-diablo-planner .planner-glyph-equipped button,
body.page-diablo-planner .planner-option-suggestions,
body.page-diablo-planner .planner-option-suggestions > button,
body.page-diablo-planner .planner-compact-option-icon,
body.page-diablo-planner .planner-greater-affix,
body.page-diablo-planner .planner-compact-option-row .planner-greater-affix,
body.page-diablo-planner .planner-paragon-picker-foot,
body.page-diablo-planner .planner-build-settings--top,
body.page-diablo-planner .planner-actions--settings button[data-action="reset"] {
    color: #9ea1a7 !important;
    border-color: #34373e !important;
    background: #1c1d22 !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-board-tabs button.is-current,
body.page-diablo-planner .planner-glyph-card.is-equipped {
    color: #b9bbc0 !important;
    border-color: #5a6070 !important;
    background: #202229 !important;
}
body.page-diablo-planner .planner-greater-affix.is-active,
body.page-diablo-planner .planner-compact-option-row .planner-greater-affix.is-active {
    color: #c0a56e !important;
    border-color: #66573a !important;
    background: #242117 !important;
    box-shadow: inset 0 0 0 1px rgba(177,138,74,.10) !important;
}

/* Selected mechanic rings in the original light theme used pure-white outer rings. */
body.page-diablo-planner .planner-mechanic-slot.is-selected .planner-mechanic-slot-icon,
body.page-diablo-planner .planner-mechanic-orb.is-selected,
body.page-diablo-planner .planner-necro-choice.is-selected:not(.is-sacrifice),
body.page-diablo-planner .planner-necro-choice.is-sacrifice.is-selected,
body.page-diablo-planner .planner-spirit-choice.is-selected > span,
body.page-diablo-planner .planner-shard-choice.is-selected {
    box-shadow:
        0 0 0 2px #17181c,
        0 0 0 4px #4b4e55 !important;
}

/* 9) Focus styling: restrained graphite/red instead of browser-white outlines. */
body.page-diablo-planner button:focus-visible,
body.page-diablo-planner input:focus-visible,
body.page-diablo-planner select:focus-visible,
body.page-diablo-planner textarea:focus-visible,
body.page-diablo-planner [role="button"]:focus-visible {
    outline: 1px solid #666a72 !important;
    outline-offset: 1px !important;
    box-shadow: none !important;
}

/* Final typography guard: neutral UI copy must never fall back to pure white. */
body.page-diablo-planner button,
body.page-diablo-planner label,
body.page-diablo-planner input,
body.page-diablo-planner select,
body.page-diablo-planner textarea {
    text-shadow: none !important;
}

/* 2026-08-27 v4: remove rectangular row backgrounds in the slot area */
.page-diablo-planner .planner-gear-slot,
.page-diablo-planner .planner-equipment-board--summary .planner-gear-slot,
.page-diablo-planner .planner-equipment-board--summary .planner-gear-slot[data-side="right"] {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.page-diablo-planner .planner-gear-slot:hover,
.page-diablo-planner .planner-gear-slot.is-current,
.page-diablo-planner .planner-gear-slot:focus-visible,
.page-diablo-planner .planner-equipment-board--summary .planner-gear-slot:hover,
.page-diablo-planner .planner-equipment-board--summary .planner-gear-slot.is-current,
.page-diablo-planner .planner-equipment-board--summary .planner-gear-slot:focus-visible {
    background: linear-gradient(90deg, rgba(120, 18, 16, .08) 0%, rgba(44, 46, 53, .14) 100%) !important;
    border-color: rgba(73, 76, 84, .35) !important;
}

.page-diablo-planner .planner-slot-copy {
    background: transparent !important;
}


/* 2026-08-27 slot icon v2: image only, no square tile behind empty slots */
body.page-diablo-planner .planner-gear-slot.is-empty .planner-slot-tile,
body.page-diablo-planner .planner-equipment-board--summary .planner-gear-slot.is-empty .planner-slot-tile {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-slot-placeholder {
    width: 52px !important;
    height: 52px !important;
    opacity: .88 !important;
}
body.page-diablo-planner .planner-slot-placeholder img {
    width: 52px !important;
    height: 52px !important;
    object-fit: contain !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: brightness(.82) contrast(1.05) saturate(.8);
}

/* 2026-08-27 corrected empty equipment slots: dark tile stays, icon artwork is transparent */
body.page-diablo-planner .planner-gear-slot.is-empty .planner-slot-tile,
body.page-diablo-planner .planner-equipment-board--summary .planner-gear-slot.is-empty .planner-slot-tile {
    background: #202126 !important;
    border: 1px solid #35373e !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-slot-placeholder {
    width: 48px !important;
    height: 48px !important;
    background: transparent !important;
    opacity: .92 !important;
}
body.page-diablo-planner .planner-slot-placeholder img {
    width: 48px !important;
    height: 48px !important;
    object-fit: contain !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: brightness(.88) contrast(1.08) saturate(.65) !important;
}


/* 2026-08-27 equipment slot layer UI refresh */
body.page-diablo-planner .planner-item-dialog {
    width: min(570px, calc(100vw - 28px)) !important;
    height: min(650px, calc(100dvh - 40px)) !important;
    border-radius: 10px !important;
    background: #1b1d27 !important;
    color: #d6d8de !important;
    box-shadow: 0 30px 80px rgba(0,0,0,.48) !important;
    border: 1px solid #2c3040 !important;
}
body.page-diablo-planner .planner-item-dialog > div {
    grid-template-rows: auto auto minmax(0,1fr) auto !important;
    background: linear-gradient(180deg, #1c1f2b 0%, #1a1d29 100%) !important;
}
body.page-diablo-planner .planner-dialog-head--compact {
    display:flex !important; align-items:center !important; justify-content:space-between !important;
    padding: 14px 16px !important; border-bottom:1px solid #2b2e3b !important; background:#1b1d27 !important;
}
body.page-diablo-planner .planner-dialog-head--compact p { font-size:13px !important; color:#c98037 !important; margin:0 0 4px !important; }
body.page-diablo-planner .planner-dialog-head--compact h2 { font-size:16px !important; color:#f0f2f5 !important; margin:0 !important; }
body.page-diablo-planner .planner-dialog-head-actions { display:flex !important; align-items:center !important; gap:10px !important; }
body.page-diablo-planner .planner-dialog-head-remove,
body.page-diablo-planner .planner-dialog-footer .planner-dialog-remove,
body.page-diablo-planner .planner-dialog-footer button,
body.page-diablo-planner .planner-dialog-toolbar .planner-dialog-ghost {
    height: 32px !important; padding: 0 14px !important; border-radius: 4px !important;
    border:1px solid #444958 !important; background:#202433 !important; color:#bfc4ce !important; box-shadow:none !important;
}
body.page-diablo-planner .planner-dialog-head > button { width:32px !important; height:32px !important; border-radius:4px !important; border:1px solid #444958 !important; background:#202433 !important; color:#9ea4b0 !important; }
body.page-diablo-planner .planner-dialog-main-tabs { display:grid !important; grid-template-columns:repeat(3,1fr) !important; border-bottom:1px solid #2b2e3b !important; }
body.page-diablo-planner .planner-dialog-main-tabs > button { height:42px !important; background:#171925 !important; color:#8f95a2 !important; border:0 !important; border-right:1px solid #262a37 !important; font-size:14px !important; font-weight:600 !important; }
body.page-diablo-planner .planner-dialog-main-tabs > button:last-child { border-right:0 !important; }
body.page-diablo-planner .planner-dialog-main-tabs > button.is-current { background:#2c313f !important; color:#f2f4f8 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
body.page-diablo-planner .planner-dialog-main-tabs > button:disabled { opacity:.45 !important; }
body.page-diablo-planner .planner-dialog-panels { min-height:0 !important; overflow:hidden !important; }
body.page-diablo-planner .planner-dialog-pane { display:none !important; height:100% !important; padding: 12px 12px 10px !important; }
body.page-diablo-planner .planner-dialog-pane.is-current { display:flex !important; flex-direction:column !important; gap:10px !important; }
body.page-diablo-planner .planner-dialog-toolbar { display:flex !important; gap:8px !important; align-items:center !important; }
body.page-diablo-planner .planner-dialog-search { flex:1 !important; }
body.page-diablo-planner .planner-dialog-search input,
body.page-diablo-planner [data-dialog-search],
body.page-diablo-planner [data-dialog-gem-search] { width:100% !important; height:32px !important; border-radius:4px !important; background:#1c202d !important; border:1px solid #4a4f5f !important; color:#d7dae1 !important; padding:0 12px !important; font-size:13px !important; }
body.page-diablo-planner .planner-dialog-mode--embedded { display:grid !important; grid-template-columns:1fr 1fr !important; gap:0 !important; background:#10131d !important; border:1px solid #2c3040 !important; border-radius:0 !important; overflow:hidden !important; }
body.page-diablo-planner .planner-dialog-mode--embedded > button { height:40px !important; border:0 !important; background:#141824 !important; color:#9ea4b0 !important; font-size:13px !important; }
body.page-diablo-planner .planner-dialog-mode--embedded > button.is-current { background:#2c313f !important; color:#fff !important; }
body.page-diablo-planner .planner-choice-list--modal { min-height:0 !important; flex:1 1 auto !important; overflow:auto !important; border:1px solid #292d3a !important; background:#1a1d28 !important; }
body.page-diablo-planner .planner-choice { min-height:62px !important; padding:10px 14px !important; border-bottom:1px solid #2a2f3d !important; background:transparent !important; }
body.page-diablo-planner .planner-choice:hover { background:#252a38 !important; }
body.page-diablo-planner .planner-choice.is-selected { background:#303544 !important; }
body.page-diablo-planner .planner-choice img { width:36px !important; height:36px !important; }
body.page-diablo-planner .planner-choice span strong { font-size:13px !important; font-weight:700 !important; }
body.page-diablo-planner .planner-choice span small { font-size:12px !important; color:#b2884c !important; }
body.page-diablo-planner .planner-choice-results { text-align:center !important; font-size:12px !important; color:#7c8290 !important; padding-top:4px !important; }
body.page-diablo-planner .planner-config-panel--full { flex:1 1 auto !important; min-height:0 !important; overflow:auto !important; padding: 4px 8px 8px !important; border:1px solid #292d3a !important; background:#1a1d28 !important; }
body.page-diablo-planner .planner-socket-tabs { display:grid !important; grid-template-columns:repeat(auto-fit,minmax(0,1fr)) !important; border:1px solid #2c3040 !important; background:#131621 !important; }
body.page-diablo-planner .planner-socket-tabs > button { height:40px !important; border:0 !important; background:transparent !important; color:#8f95a2 !important; font-size:13px !important; }
body.page-diablo-planner .planner-socket-tabs > button.is-current { background:#323746 !important; color:#fff !important; }
body.page-diablo-planner .planner-gem-type-tabs { display:flex !important; gap:8px !important; }
body.page-diablo-planner .planner-gem-type-tabs > button { height:28px !important; padding:0 14px !important; border-radius:4px !important; border:1px solid #4a4f5f !important; background:#1c202d !important; color:#b3b8c2 !important; }
body.page-diablo-planner .planner-gem-type-tabs > button.is-current { background:#2c313f !important; color:#fff !important; border-color:#62697a !important; }
body.page-diablo-planner .planner-dialog-pane-empty { min-height: 300px !important; border:1px dashed #3a3f50 !important; background:#171a24 !important; }
body.page-diablo-planner .planner-dialog-footer--compact { padding: 10px 12px !important; border-top:1px solid #2b2e3b !important; background:#1b1d27 !important; }
body.page-diablo-planner .planner-dialog-footer .planner-dialog-save:not(:disabled) { background:#3c5a95 !important; border-color:#4b69a3 !important; color:#eef3ff !important; }
body.page-diablo-planner .planner-dialog-footer button:hover:not(:disabled), body.page-diablo-planner .planner-dialog-head-remove:hover:not(:disabled), body.page-diablo-planner .planner-dialog-toolbar .planner-dialog-ghost:hover { background:#2a3041 !important; }
body.page-diablo-planner .planner-choice-list--modal::-webkit-scrollbar, body.page-diablo-planner .planner-config-panel--full::-webkit-scrollbar { width:10px !important; }
body.page-diablo-planner .planner-choice-list--modal::-webkit-scrollbar-track, body.page-diablo-planner .planner-config-panel--full::-webkit-scrollbar-track { background:#202431 !important; }
body.page-diablo-planner .planner-choice-list--modal::-webkit-scrollbar-thumb, body.page-diablo-planner .planner-config-panel--full::-webkit-scrollbar-thumb { background:#6d7281 !important; border-radius:10px !important; border:2px solid #202431 !important; }

/* 2026-08-27 equipment dialog v2 — match supplied reference */
body.page-diablo-planner .planner-item-dialog {
    width: min(540px, calc(100vw - 24px)) !important;
    height: min(650px, calc(100dvh - 24px)) !important;
    max-width: min(540px, calc(100vw - 24px)) !important;
    max-height: min(650px, calc(100dvh - 24px)) !important;
    border: 1px solid #2e2d34 !important;
    border-radius: 8px !important;
    background: #1e1f27 !important;
    box-shadow: 0 18px 54px rgba(0,0,0,.5) !important;
}
body.page-diablo-planner .planner-item-dialog > div {
    display: grid !important;
    grid-template-rows: 52px 40px minmax(0,1fr) !important;
    height: 100% !important;
    background: #1e1f27 !important;
}
body.page-diablo-planner .planner-item-dialog::backdrop {
    background: rgba(5,6,8,.82) !important;
}

body.page-diablo-planner .planner-dialog-topbar {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 8px !important;
    border-bottom: 1px solid #2e2d34 !important;
    background: #1e1f27 !important;
}
body.page-diablo-planner .planner-dialog-topbar-search {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}
body.page-diablo-planner .planner-dialog-topbar-search:empty {
    min-height: 30px !important;
}
body.page-diablo-planner .planner-dialog-topbar input {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    width: auto !important;
    height: 30px !important;
    padding: 0 10px !important;
    border: 1px solid #50515a !important;
    border-radius: 4px !important;
    background: #1e1f27 !important;
    color: #c9cbd0 !important;
    font-size: 13px !important;
    line-height: 30px !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-dialog-topbar input::placeholder {
    color: #686a71 !important;
}
body.page-diablo-planner .planner-dialog-topbar input:focus {
    border-color: #676871 !important;
    outline: 0 !important;
}
body.page-diablo-planner .planner-dialog-filter-button {
    position: relative !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 30px !important;
    padding: 0 !important;
    overflow: hidden !important;
    text-indent: -999px !important;
    border: 1px solid #44464f !important;
    border-radius: 4px !important;
    background: #23242c !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-dialog-filter-button::before {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    top: 7px !important;
    width: 10px !important;
    height: 8px !important;
    border: 1.5px solid #989aa0 !important;
    border-top-width: 1.5px !important;
    clip-path: polygon(0 0, 100% 0, 64% 48%, 64% 100%, 38% 82%, 38% 48%) !important;
}
body.page-diablo-planner .planner-dialog-top-remove {
    width: 72px !important;
    min-width: 72px !important;
    height: 30px !important;
    padding: 0 10px !important;
    border: 1px solid #44464f !important;
    border-radius: 4px !important;
    background: #23242c !important;
    color: #b8bac0 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-dialog-top-remove:disabled {
    color: #5f6168 !important;
    background: #202128 !important;
    border-color: #34353d !important;
}
body.page-diablo-planner .planner-dialog-top-close {
    width: 28px !important;
    min-width: 28px !important;
    height: 30px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #777980 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 28px !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-dialog-top-close:hover {
    color: #b7b9be !important;
    background: transparent !important;
}

body.page-diablo-planner .planner-dialog-main-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    height: 40px !important;
    border: 0 !important;
    border-bottom: 1px solid #2e2d34 !important;
    background: #15161d !important;
}
body.page-diablo-planner .planner-dialog-main-tabs > button {
    height: 40px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #15161d !important;
    color: #818187 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-dialog-main-tabs > button.is-current {
    background: #27282f !important;
    color: #f1f1f3 !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-dialog-main-tabs > button:hover {
    color: #bfc0c5 !important;
}

body.page-diablo-planner .planner-dialog-panels {
    min-height: 0 !important;
    overflow: hidden !important;
    background: #1e1f27 !important;
}
body.page-diablo-planner .planner-dialog-pane {
    display: none !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: #1e1f27 !important;
}
body.page-diablo-planner .planner-dialog-pane.is-current {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}
body.page-diablo-planner .planner-choice-list--modal {
    min-height: 0 !important;
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #1e1f27 !important;
}
body.page-diablo-planner .planner-choice {
    display: grid !important;
    grid-template-columns: 36px minmax(0,1fr) 22px !important;
    align-items: center !important;
    column-gap: 12px !important;
    min-height: 62px !important;
    padding: 7px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid #2d2e35 !important;
    border-radius: 0 !important;
    background: #1e1f27 !important;
    box-shadow: none !important;
    text-align: left !important;
}
body.page-diablo-planner .planner-choice:hover {
    background: #24252c !important;
}
body.page-diablo-planner .planner-choice.is-selected {
    background: #27282f !important;
}
body.page-diablo-planner .planner-choice > img,
body.page-diablo-planner .planner-choice-check {
    width: 34px !important;
    height: 34px !important;
    object-fit: contain !important;
    justify-self: center !important;
}
body.page-diablo-planner .planner-choice-check {
    display: grid !important;
    place-items: center !important;
    border-radius: 4px !important;
    background: #37383f !important;
    color: #bfc0c4 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
}
body.page-diablo-planner .planner-choice-copy {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
}
body.page-diablo-planner .planner-choice-copy strong,
body.page-diablo-planner .planner-choice span strong {
    overflow: hidden !important;
    color: #d2aa7f !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
body.page-diablo-planner .planner-choice.is-mythic .planner-choice-copy strong { color: #c79ad9 !important; }
body.page-diablo-planner .planner-choice.is-unique .planner-choice-copy strong { color: #d2aa7f !important; }
body.page-diablo-planner .planner-choice.is-aspect .planner-choice-copy strong { color: #efa31b !important; }
body.page-diablo-planner .planner-choice-copy small,
body.page-diablo-planner .planner-choice span small {
    color: #c49a70 !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
}
body.page-diablo-planner .planner-choice.is-mythic .planner-choice-copy small { color: #aa82bb !important; }
body.page-diablo-planner .planner-choice.is-aspect .planner-choice-copy small { color: #d08b19 !important; }
body.page-diablo-planner .planner-choice > i {
    justify-self: end !important;
    color: #4e5056 !important;
    font-size: 19px !important;
    font-style: normal !important;
}
body.page-diablo-planner .planner-choice-results {
    flex: 0 0 38px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border-top: 1px solid #2e2d34 !important;
    background: #1e1f27 !important;
    color: #666970 !important;
    font-size: 11px !important;
}

/* Affix pane */
body.page-diablo-planner .planner-config-panel--full {
    min-height: 0 !important;
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    padding: 12px 18px 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #1e1f27 !important;
}
body.page-diablo-planner .planner-config-heading {
    display: none !important;
}
body.page-diablo-planner .planner-compact-group {
    margin: 0 !important;
    padding: 0 0 18px !important;
    border: 0 !important;
    border-bottom: 1px solid #2e2d34 !important;
    background: transparent !important;
}
body.page-diablo-planner .planner-compact-group + .planner-compact-group {
    margin-top: 14px !important;
}
body.page-diablo-planner .planner-compact-group:last-child {
    border-bottom: 0 !important;
}
body.page-diablo-planner .planner-affix-column-head {
    display: grid !important;
    grid-template-columns: 30px minmax(0,1fr) 30px !important;
    align-items: center !important;
    height: 24px !important;
    margin-bottom: 7px !important;
    color: #676970 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}
body.page-diablo-planner .planner-affix-column-head strong {
    color: #777980 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}
body.page-diablo-planner .planner-affix-column-head span:last-child {
    text-align: right !important;
}
body.page-diablo-planner .planner-affix-section-head {
    display: flex !important;
    align-items: center !important;
    height: 24px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
body.page-diablo-planner .planner-affix-section-head strong {
    color: #777980 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}
body.page-diablo-planner .planner-compact-option-list {
    display: grid !important;
    gap: 8px !important;
}
body.page-diablo-planner .planner-compact-option-row,
body.page-diablo-planner .planner-compact-option-row.has-prefix {
    display: grid !important;
    grid-template-columns: 30px minmax(0,1fr) 30px !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 34px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
body.page-diablo-planner .planner-compact-option-badge,
body.page-diablo-planner .planner-compact-option-icon,
body.page-diablo-planner .planner-compact-option-row .planner-greater-affix {
    width: 16px !important;
    height: 16px !important;
    justify-self: center !important;
    border: 0 !important;
    background: #505158 !important;
    transform: rotate(45deg) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-compact-option-badge img,
body.page-diablo-planner .planner-compact-option-row .planner-greater-affix img {
    display: none !important;
}
body.page-diablo-planner .planner-search-select {
    position: relative !important;
    min-width: 0 !important;
}
body.page-diablo-planner .planner-search-select > input {
    width: 100% !important;
    height: 32px !important;
    padding: 0 38px 0 10px !important;
    border: 1px solid #454750 !important;
    border-radius: 4px !important;
    background: #20212a !important;
    color: #c6c7cc !important;
    font-size: 12px !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-search-select > input::placeholder { color: #65676e !important; }
body.page-diablo-planner .planner-search-select > input:focus {
    border-color: #b51e1e !important;
    outline: 0 !important;
}
body.page-diablo-planner .planner-option-clear {
    right: 7px !important;
    top: 50% !important;
    width: 22px !important;
    height: 22px !important;
    transform: translateY(-50%) !important;
    border: 0 !important;
    background: transparent !important;
    color: #72747b !important;
}
body.page-diablo-planner .planner-compact-option-row .planner-masterwork,
body.page-diablo-planner .planner-masterwork-spacer {
    width: 24px !important;
    justify-self: end !important;
}
body.page-diablo-planner .planner-compact-option-row .planner-masterwork button {
    width: 13px !important;
    height: 13px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #505158 !important;
    transform: rotate(45deg) !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-option-suggestions {
    z-index: 100 !important;
    top: calc(100% + 2px) !important;
    left: 0 !important;
    right: 0 !important;
    max-height: 230px !important;
    overflow-y: auto !important;
    border: 1px solid #3e414a !important;
    border-radius: 4px !important;
    background: #181920 !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.38) !important;
}
body.page-diablo-planner .planner-option-suggestions > button {
    min-height: 36px !important;
    padding: 7px 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #181920 !important;
    color: #d2d3d7 !important;
    font-size: 12px !important;
}
body.page-diablo-planner .planner-option-suggestions > button:hover { background: #25262e !important; }

/* Gems & runes pane */
body.page-diablo-planner .planner-socket-tabs {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important;
    flex: 0 0 34px !important;
    height: 34px !important;
    border: 0 !important;
    border-bottom: 1px solid #2e2d34 !important;
    background: #1b1c24 !important;
}
body.page-diablo-planner .planner-socket-tabs > button {
    height: 34px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #1b1c24 !important;
    color: #888a90 !important;
    font-size: 12px !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-socket-tabs > button.is-current {
    background: #303138 !important;
    color: #f0f1f3 !important;
}
body.page-diablo-planner .planner-gem-type-tabs {
    display: flex !important;
    flex: 0 0 42px !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 0 8px !important;
    border-bottom: 1px solid #2e2d34 !important;
    background: #1e1f27 !important;
}
body.page-diablo-planner .planner-gem-type-tabs > button {
    height: 26px !important;
    padding: 0 10px !important;
    border: 1px solid #4a4b53 !important;
    border-radius: 3px !important;
    background: #23242c !important;
    color: #96989e !important;
    font-size: 11px !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-gem-type-tabs > button.is-current {
    background: #303138 !important;
    border-color: #5b5c64 !important;
    color: #f0f1f3 !important;
}
body.page-diablo-planner .planner-gem-choice-list .planner-choice-copy strong { color: #e3e4e7 !important; }
body.page-diablo-planner .planner-gem-choice-list .planner-choice-copy small { color: #a582c3 !important; }

body.page-diablo-planner .planner-dialog-pane-empty {
    flex: 1 1 auto !important;
    display: grid !important;
    place-content: center !important;
    margin: 14px !important;
    min-height: 0 !important;
    border: 1px dashed #3b3c43 !important;
    border-radius: 8px !important;
    background: #1b1c23 !important;
}

body.page-diablo-planner .planner-choice-list--modal::-webkit-scrollbar,
body.page-diablo-planner .planner-config-panel--full::-webkit-scrollbar,
body.page-diablo-planner .planner-option-suggestions::-webkit-scrollbar {
    width: 8px !important;
}
body.page-diablo-planner .planner-choice-list--modal::-webkit-scrollbar-track,
body.page-diablo-planner .planner-config-panel--full::-webkit-scrollbar-track,
body.page-diablo-planner .planner-option-suggestions::-webkit-scrollbar-track {
    background: #1e1f27 !important;
}
body.page-diablo-planner .planner-choice-list--modal::-webkit-scrollbar-thumb,
body.page-diablo-planner .planner-config-panel--full::-webkit-scrollbar-thumb,
body.page-diablo-planner .planner-option-suggestions::-webkit-scrollbar-thumb {
    min-height: 34px !important;
    border: 2px solid #1e1f27 !important;
    border-radius: 8px !important;
    background: #666870 !important;
}

@media (max-width: 620px) {
    body.page-diablo-planner .planner-item-dialog {
        width: calc(100vw - 16px) !important;
        height: calc(100dvh - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        max-height: calc(100dvh - 16px) !important;
    }
    body.page-diablo-planner .planner-dialog-top-remove { width: 62px !important; min-width:62px !important; }
}


/* 2026-08-27 option-tab icon repair + autosave footer + sample-style item tooltip */
body.page-diablo-planner .planner-compact-option-badge,
body.page-diablo-planner .planner-compact-option-icon,
body.page-diablo-planner .planner-compact-option-row .planner-greater-affix {
    width: 22px !important;
    height: 22px !important;
    display: grid !important;
    place-items: center !important;
    justify-self: center !important;
    border: 0 !important;
    background: transparent !important;
    transform: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}
body.page-diablo-planner .planner-compact-option-badge img,
body.page-diablo-planner .planner-compact-option-row .planner-greater-affix img {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    object-fit: contain !important;
    opacity: .88 !important;
    filter: brightness(.92) saturate(.78) !important;
    transform: none !important;
}
body.page-diablo-planner .planner-compact-option-row .planner-greater-affix.is-active img {
    opacity: 1 !important;
    filter: brightness(1.15) saturate(1.05) drop-shadow(0 0 4px rgba(118,165,235,.28)) !important;
}
body.page-diablo-planner .planner-compact-option-badge--tempering img {
    width: 21px !important;
    height: 21px !important;
    opacity: .94 !important;
}
body.page-diablo-planner .planner-compact-option-row.has-prefix {
    grid-template-columns: 24px 24px minmax(0,1fr) 42px !important;
}
body.page-diablo-planner .planner-compact-option-row:not(.has-prefix) {
    grid-template-columns: 34px minmax(0,1fr) 42px !important;
}
body.page-diablo-planner .planner-masterwork {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 3px !important;
    width: 42px !important;
}
body.page-diablo-planner .planner-compact-option-row .planner-masterwork button {
    width: 12px !important;
    height: 12px !important;
    border: 1px solid #595b64 !important;
    background: #45474e !important;
    transform: rotate(45deg) !important;
}
body.page-diablo-planner .planner-compact-option-row .planner-masterwork button.is-active {
    border-color: #9b7d48 !important;
    background: #b58a43 !important;
}
body.page-diablo-planner .planner-affix-column-head {
    grid-template-columns: 34px minmax(0,1fr) 42px !important;
}

body.page-diablo-planner .planner-item-dialog > div {
    grid-template-rows: auto minmax(0,1fr) auto !important;
}
body.page-diablo-planner .planner-dialog-footer--autosave {
    min-height: 54px !important;
    padding: 9px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-top: 1px solid #2e2d34 !important;
    background: #1c1d25 !important;
}
body.page-diablo-planner .planner-dialog-footer--autosave > span {
    color: #676a72 !important;
    font-size: 11px !important;
}
body.page-diablo-planner .planner-dialog-footer--autosave > div {
    display: flex !important;
    gap: 8px !important;
}
body.page-diablo-planner .planner-dialog-footer--autosave button {
    min-width: 58px !important;
    height: 32px !important;
    padding: 0 13px !important;
    border: 1px solid #444750 !important;
    border-radius: 4px !important;
    background: #20222b !important;
    color: #c4c7ce !important;
    font-size: 12px !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-dialog-footer--autosave .planner-dialog-save {
    border-color: #4c638d !important;
    background: #334b78 !important;
    color: #edf2ff !important;
}

/* Item tooltip — close to the supplied D4 sample */
body.page-diablo-planner .planner-item-tooltip {
    width: 340px !important;
    max-width: min(340px, calc(100vw - 24px)) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 13px 13px 11px !important;
    border: 1px solid #454852 !important;
    border-radius: 0 !important;
    background: #1b1d22 !important;
    color: #c9cbd0 !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.55) !important;
    font-size: 13px !important;
    line-height: 1.42 !important;
}
body.page-diablo-planner .planner-item-tooltip-head {
    min-height: 76px !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 66px !important;
    gap: 10px !important;
    align-items: start !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid #50535d !important;
}
body.page-diablo-planner .planner-item-tooltip-titleblock {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}
body.page-diablo-planner .planner-item-tooltip-titleblock strong {
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #d4ad7b !important;
}
body.page-diablo-planner .planner-item-tooltip.is-mythic .planner-item-tooltip-titleblock strong,
body.page-diablo-planner .planner-item-tooltip.is-mythic .planner-item-tooltip-titleblock em {
    color: #c69ad8 !important;
}
body.page-diablo-planner .planner-item-tooltip.is-aspect .planner-item-tooltip-titleblock strong {
    color: #f0a31a !important;
}
body.page-diablo-planner .planner-item-tooltip-titleblock em {
    margin-top: 4px !important;
    color: #d4ad7b !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 700 !important;
}
body.page-diablo-planner .planner-item-tooltip-titleblock small {
    margin-top: 2px !important;
    color: #92959d !important;
    font-size: 12px !important;
}
body.page-diablo-planner .planner-item-tooltip-art {
    width: 58px !important;
    height: 58px !important;
    object-fit: contain !important;
    justify-self: end !important;
    background: transparent !important;
}
body.page-diablo-planner .planner-tooltip-group,
body.page-diablo-planner .planner-item-tooltip-effect {
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    padding: 11px 0 !important;
    border-bottom: 1px solid #50535d !important;
}
body.page-diablo-planner .planner-tooltip-group-title {
    color: #74777f !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}
body.page-diablo-planner .planner-tooltip-group-lines {
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
}
body.page-diablo-planner .planner-tooltip-option-line {
    display: grid !important;
    grid-template-columns: 18px minmax(0,1fr) !important;
    gap: 5px !important;
    align-items: start !important;
    color: #c7c9ce !important;
    font-size: 13px !important;
}
body.page-diablo-planner .planner-tooltip-line-icons {
    width: 18px !important;
    min-height: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
body.page-diablo-planner .planner-tooltip-line-icon {
    width: 15px !important;
    height: 15px !important;
    object-fit: contain !important;
}
body.page-diablo-planner .planner-tooltip-option-line.is-greater .planner-tooltip-line-text {
    color: #d9a852 !important;
}
body.page-diablo-planner .planner-item-tooltip-effect.is-primary {
    display: grid !important;
    grid-template-columns: 16px minmax(0,1fr) !important;
    gap: 4px !important;
    color: #e5a91b !important;
    font-size: 13px !important;
}
body.page-diablo-planner .planner-item-tooltip-effect.is-primary b,
body.page-diablo-planner .planner-item-tooltip-effect-line b {
    color: #d8a72e !important;
    font-size: 14px !important;
}
body.page-diablo-planner .planner-item-tooltip-effect-line {
    display: grid !important;
    grid-template-columns: 16px minmax(0,1fr) !important;
    gap: 4px !important;
    color: #d4ad7b !important;
}
body.page-diablo-planner .planner-item-tooltip-effect.is-mythic .planner-item-tooltip-effect-line {
    color: #c69ad8 !important;
}
body.page-diablo-planner .planner-item-tooltip-effect.is-mythic .planner-item-tooltip-effect-line b {
    color: #b987cf !important;
}
body.page-diablo-planner .planner-item-tooltip-footer {
    padding-top: 10px !important;
    color: #73767e !important;
    font-size: 11px !important;
    font-style: italic !important;
}

/* Hover tooltip inside the selector uses the same dark card language. */
body.page-diablo-planner .planner-choice-hover-tooltip {
    border: 1px solid #454852 !important;
    border-radius: 0 !important;
    background: #1b1d22 !important;
    color: #c9cbd0 !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.55) !important;
}

body.page-diablo-planner .planner-choice-hover-tooltip {
    padding: 0 !important;
    overflow: hidden !important;
}
body.page-diablo-planner .planner-choice-tooltip-card {
    padding: 12px !important;
    background: #1b1d22 !important;
}
body.page-diablo-planner .planner-choice-tooltip-head {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 62px !important;
    gap: 10px !important;
    align-items: start !important;
    padding-bottom: 11px !important;
    border-bottom: 1px solid #50535d !important;
}
body.page-diablo-planner .planner-choice-tooltip-head > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}
body.page-diablo-planner .planner-choice-tooltip-head strong {
    color: #d4ad7b !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
}
body.page-diablo-planner .planner-choice-tooltip-card.is-mythic .planner-choice-tooltip-head strong,
body.page-diablo-planner .planner-choice-tooltip-card.is-mythic .planner-choice-tooltip-head em { color: #c69ad8 !important; }
body.page-diablo-planner .planner-choice-tooltip-card.is-aspect .planner-choice-tooltip-head strong { color: #f0a31a !important; }
body.page-diablo-planner .planner-choice-tooltip-head em {
    margin-top: 4px !important;
    color: #d4ad7b !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 700 !important;
}
body.page-diablo-planner .planner-choice-tooltip-head img { width:58px !important; height:58px !important; object-fit:contain !important; justify-self:end !important; }
body.page-diablo-planner .planner-choice-tooltip-affixes {
    display:flex !important; flex-direction:column !important; gap:6px !important;
    padding:10px 0 !important; border-bottom:1px solid #50535d !important;
}
body.page-diablo-planner .planner-choice-tooltip-affixes span { display:grid !important; grid-template-columns:16px minmax(0,1fr) !important; gap:4px !important; color:#c5c7cc !important; font-size:12px !important; }
body.page-diablo-planner .planner-choice-tooltip-affixes b { color:#777a82 !important; font-size:11px !important; }
body.page-diablo-planner .planner-choice-tooltip-effect { padding-top:10px !important; }
body.page-diablo-planner .planner-choice-tooltip-effect small { display:block !important; margin-bottom:6px !important; color:#74777f !important; font-size:10px !important; font-weight:700 !important; text-transform:uppercase !important; }
body.page-diablo-planner .planner-choice-tooltip-effect p { display:grid !important; grid-template-columns:16px minmax(0,1fr) !important; gap:4px !important; margin:0 !important; color:#d4ad7b !important; font-size:12px !important; line-height:1.45 !important; }
body.page-diablo-planner .planner-choice-tooltip-card.is-mythic .planner-choice-tooltip-effect p { color:#c69ad8 !important; }
body.page-diablo-planner .planner-choice-tooltip-card.is-aspect .planner-choice-tooltip-effect p { color:#e8a522 !important; }
body.page-diablo-planner .planner-choice-tooltip-effect b { color:#d9a72e !important; }

/* 2026-08-27 option-tab alignment + stable tabs + tooltip spacing v2 */
body.page-diablo-planner .planner-dialog-main-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    min-height: 42px !important;
    flex: 0 0 42px !important;
    position: relative !important;
    z-index: 3 !important;
    background: #15161d !important;
    border-top: 1px solid #292c35 !important;
    border-bottom: 1px solid #292c35 !important;
}
body.page-diablo-planner .planner-dialog-main-tabs > button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-width: 0 !important;
    height: 42px !important;
    border: 0 !important;
    border-right: 1px solid #252832 !important;
    background: #15161d !important;
    color: #8d9099 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}
body.page-diablo-planner .planner-dialog-main-tabs > button:last-child { border-right: 0 !important; }
body.page-diablo-planner .planner-dialog-main-tabs > button.is-current {
    background: #292b34 !important;
    color: #f0f1f4 !important;
}

/* GA: monochrome by default, full color only when selected. */
body.page-diablo-planner .planner-compact-option-row .planner-greater-affix img {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    object-fit: contain !important;
    opacity: .58 !important;
    filter: grayscale(1) saturate(0) brightness(.9) contrast(1.08) !important;
    transition: opacity .12s ease, filter .12s ease !important;
}
body.page-diablo-planner .planner-compact-option-row .planner-greater-affix.is-active img {
    opacity: 1 !important;
    filter: grayscale(0) saturate(1) brightness(1.08) contrast(1.04) drop-shadow(0 0 4px rgba(103,154,226,.24)) !important;
}

/* Option rows: one left marker, one input, exactly three compact MW stages. */
body.page-diablo-planner .planner-compact-option-row,
body.page-diablo-planner .planner-compact-option-row.has-prefix,
body.page-diablo-planner .planner-compact-option-row:not(.has-prefix) {
    grid-template-columns: 28px minmax(0,1fr) 48px !important;
    gap: 9px !important;
    min-height: 36px !important;
}
body.page-diablo-planner .planner-masterwork {
    width: 48px !important;
    min-width: 48px !important;
    display: grid !important;
    grid-template-columns: repeat(3, 12px) !important;
    gap: 4px !important;
    align-items: center !important;
    justify-content: end !important;
}
body.page-diablo-planner .planner-compact-option-row .planner-masterwork button {
    width: 11px !important;
    height: 11px !important;
    min-width: 11px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #5a5d66 !important;
    border-radius: 1px !important;
    background: #3d4048 !important;
    transform: rotate(45deg) !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-compact-option-row .planner-masterwork button.is-active {
    border-color: #b19055 !important;
    background: #b4863f !important;
}
body.page-diablo-planner .planner-affix-column-head {
    grid-template-columns: 28px minmax(0,1fr) 48px !important;
}

/* Tempering: star at left, tempering icon at right. */
body.page-diablo-planner .planner-tempering-star {
    width: 24px !important;
    height: 24px !important;
    display: grid !important;
    place-items: center !important;
    justify-self: center !important;
    color: #b4b6bc !important;
    font-size: 16px !important;
    line-height: 1 !important;
}
body.page-diablo-planner .planner-tempering-side-icon {
    width: 48px !important;
    min-width: 48px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}
body.page-diablo-planner .planner-tempering-side-icon img {
    width: 20px !important;
    height: 20px !important;
    object-fit: contain !important;
    opacity: .86 !important;
    filter: grayscale(.15) brightness(.94) !important;
}

/* Tooltip: tighter sample-like rhythm and no accidental giant gaps. */
body.page-diablo-planner .planner-item-tooltip {
    width: 340px !important;
    padding: 12px 12px 10px !important;
    font-size: 13px !important;
    line-height: 1.38 !important;
}
body.page-diablo-planner .planner-item-tooltip-head {
    min-height: 68px !important;
    padding: 0 0 10px !important;
    gap: 8px !important;
}
body.page-diablo-planner .planner-item-tooltip-titleblock strong { line-height: 1.16 !important; }
body.page-diablo-planner .planner-tooltip-group,
body.page-diablo-planner .planner-item-tooltip-effect {
    gap: 5px !important;
    padding: 9px 0 !important;
}
body.page-diablo-planner .planner-tooltip-group-lines { gap: 5px !important; }
body.page-diablo-planner .planner-tooltip-option-line {
    grid-template-columns: 17px minmax(0,1fr) !important;
    gap: 4px !important;
    line-height: 1.34 !important;
}
body.page-diablo-planner .planner-tooltip-line-icons { width: 17px !important; min-height: 17px !important; }
body.page-diablo-planner .planner-tooltip-line-icon { width: 14px !important; height: 14px !important; }
body.page-diablo-planner .planner-item-tooltip-footer { padding-top: 8px !important; line-height: 1.35 !important; }

/* Make hidden floating tooltips impossible to leave visually stale. */
body.page-diablo-planner .planner-pointer-tooltip[hidden],
body.page-diablo-planner .planner-choice-hover-tooltip[hidden] {
    display: none !important;
}

/* 2026-08-27 tooltip stale-state hard guard */
body.page-diablo-planner .planner-gear-slot > .planner-slot-tooltip {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
body.page-diablo-planner .planner-pointer-tooltip[hidden],
body.page-diablo-planner .planner-pointer-tooltip[style*="display: none"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* 2026-08-27 final equipment dialog + tooltip polish */

/* Keep the dialog chrome exactly the same height on every tab. */
body.page-diablo-planner .planner-item-dialog > div {
    grid-template-rows: 52px 40px minmax(0, 1fr) 62px !important;
}
body.page-diablo-planner .planner-dialog-topbar,
body.page-diablo-planner .planner-dialog-main-tabs,
body.page-diablo-planner .planner-dialog-footer--autosave {
    box-sizing: border-box !important;
}
body.page-diablo-planner .planner-dialog-topbar-search,
body.page-diablo-planner .planner-dialog-topbar-search.is-placeholder,
body.page-diablo-planner .planner-dialog-topbar-placeholder {
    height: 30px !important;
    min-height: 30px !important;
}
body.page-diablo-planner .planner-dialog-topbar-placeholder {
    display: block !important;
    flex: 1 1 auto !important;
    visibility: hidden !important;
}

/* Don't let a selected item sit half-hidden under the tab bar. */
body.page-diablo-planner .planner-choice-list--modal {
    scroll-padding-block: 12px !important;
}
body.page-diablo-planner .planner-choice-list--modal > .planner-choice:first-child {
    margin-top: 0 !important;
}

/* Gem / ritual-rune selector needs breathing room below the socket tabs. */
body.page-diablo-planner .planner-gem-type-tabs {
    flex: 0 0 50px !important;
    min-height: 50px !important;
    padding: 8px 8px 6px !important;
    align-items: flex-start !important;
}

/* Every option kind gets the same GA control. GA is grey until selected. */
body.page-diablo-planner .planner-compact-option-row .planner-greater-affix {
    display: grid !important;
    place-items: center !important;
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    justify-self: center !important;
    border: 0 !important;
    background: transparent !important;
    transform: none !important;
}
body.page-diablo-planner .planner-compact-option-row .planner-greater-affix img {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    object-fit: contain !important;
    opacity: .48 !important;
    filter: grayscale(1) saturate(0) brightness(.76) contrast(1.12) !important;
}
body.page-diablo-planner .planner-compact-option-row .planner-greater-affix.is-active img {
    opacity: 1 !important;
    filter: grayscale(0) saturate(1.05) brightness(1.08) contrast(1.04) drop-shadow(0 0 3px rgba(111,157,224,.28)) !important;
}

/* Right-side type marks for tempering / transformation. */
body.page-diablo-planner .planner-option-side-type-icon {
    width: 48px !important;
    min-width: 48px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}
body.page-diablo-planner .planner-option-side-type-icon img {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    object-fit: contain !important;
    opacity: .82 !important;
    filter: grayscale(.12) brightness(.96) !important;
}
body.page-diablo-planner .planner-option-side-type-icon.is-transformation img {
    width: 18px !important;
    height: 18px !important;
    opacity: .72 !important;
}

/* Exactly three compact MW stages, always on one line. */
body.page-diablo-planner .planner-masterwork {
    width: 48px !important;
    min-width: 48px !important;
    display: grid !important;
    grid-template-columns: repeat(3, 11px) !important;
    grid-auto-flow: column !important;
    gap: 5px !important;
    justify-content: end !important;
    align-items: center !important;
    white-space: nowrap !important;
}
body.page-diablo-planner .planner-compact-option-row .planner-masterwork button {
    width: 10px !important;
    min-width: 10px !important;
    height: 10px !important;
    min-height: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #575a63 !important;
    border-radius: 1px !important;
    background: #3c3f47 !important;
    transform: rotate(45deg) !important;
}
body.page-diablo-planner .planner-compact-option-row .planner-masterwork button.is-active {
    background: #b4863f !important;
    border-color: #d1ad68 !important;
}

/* Three-column headings for option / tempering / transformation. */
body.page-diablo-planner .planner-affix-column-head {
    grid-template-columns: 28px minmax(0, 1fr) 48px !important;
    min-height: 22px !important;
    height: 22px !important;
    margin: 0 0 7px !important;
}
body.page-diablo-planner .planner-affix-column-head strong {
    text-align: left !important;
}

/* Correct item-tier colours everywhere in equipped slots. */
body.page-diablo-planner .planner-gear-slot.is-mythic .planner-slot-copy strong,
body.page-diablo-planner .planner-equipment-board--summary .planner-gear-slot.is-mythic .planner-slot-copy strong {
    color: #c69ad8 !important;
}
body.page-diablo-planner .planner-gear-slot.is-unique .planner-slot-copy strong,
body.page-diablo-planner .planner-equipment-board--summary .planner-gear-slot.is-unique .planner-slot-copy strong {
    color: #d3aa78 !important;
}
body.page-diablo-planner .planner-gear-slot.is-legendary .planner-slot-copy strong,
body.page-diablo-planner .planner-equipment-board--summary .planner-gear-slot.is-legendary .planner-slot-copy strong {
    color: #f0a31a !important;
}
body.page-diablo-planner .planner-gear-slot.is-mythic .planner-slot-copy em { color: #a87dbc !important; }
body.page-diablo-planner .planner-gear-slot.is-unique .planner-slot-copy em { color: #a88359 !important; }
body.page-diablo-planner .planner-gear-slot.is-legendary .planner-slot-copy em { color: #c98516 !important; }

/* D4Guides-like tooltip: compact, fixed rhythm, no wrapping icon column. */
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-item-tooltip {
    width: 340px !important;
    max-width: min(340px, calc(100vw - 28px)) !important;
    max-height: min(580px, calc(100dvh - 28px)) !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    padding: 14px 14px 12px !important;
    border: 1px solid #4a4b53 !important;
    border-radius: 0 !important;
    background: #191a1f !important;
    box-shadow: 0 12px 34px rgba(0,0,0,.42) !important;
    color: #c9cbd0 !important;
    font-size: 13px !important;
    line-height: 1.42 !important;
}
body.page-diablo-planner .planner-item-tooltip-head {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 62px !important;
    gap: 12px !important;
    align-items: start !important;
    min-height: 76px !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid #44464e !important;
}
body.page-diablo-planner .planner-item-tooltip-titleblock {
    display: grid !important;
    align-content: start !important;
    gap: 2px !important;
    min-width: 0 !important;
}
body.page-diablo-planner .planner-item-tooltip-titleblock strong {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.22 !important;
    font-weight: 700 !important;
    overflow-wrap: anywhere !important;
}
body.page-diablo-planner .planner-item-tooltip-titleblock em,
body.page-diablo-planner .planner-item-tooltip-titleblock small {
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-style: normal !important;
}
body.page-diablo-planner .planner-item-tooltip-art {
    width: 58px !important;
    height: 58px !important;
    object-fit: contain !important;
    justify-self: end !important;
    align-self: start !important;
}
body.page-diablo-planner .planner-item-tooltip.is-mythic .planner-item-tooltip-titleblock strong,
body.page-diablo-planner .planner-item-tooltip.is-mythic .planner-item-tooltip-titleblock em { color: #c69ad8 !important; }
body.page-diablo-planner .planner-item-tooltip.is-unique .planner-item-tooltip-titleblock strong,
body.page-diablo-planner .planner-item-tooltip.is-unique .planner-item-tooltip-titleblock em { color: #d3aa78 !important; }
body.page-diablo-planner .planner-item-tooltip.is-aspect .planner-item-tooltip-titleblock strong { color: #f0a31a !important; }
body.page-diablo-planner .planner-item-tooltip.is-aspect .planner-item-tooltip-titleblock em { color: #d88d17 !important; }
body.page-diablo-planner .planner-item-tooltip-titleblock small { color: #9a9ca3 !important; }

body.page-diablo-planner .planner-tooltip-group,
body.page-diablo-planner .planner-item-tooltip-effect {
    display: grid !important;
    gap: 7px !important;
    padding: 11px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid #44464e !important;
}
body.page-diablo-planner .planner-tooltip-group-title {
    color: #777980 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
}
body.page-diablo-planner .planner-tooltip-group-lines {
    display: grid !important;
    gap: 8px !important;
}
body.page-diablo-planner .planner-tooltip-option-line {
    display: grid !important;
    grid-template-columns: 34px minmax(0,1fr) !important;
    align-items: start !important;
    gap: 4px !important;
    min-height: 18px !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}
body.page-diablo-planner .planner-tooltip-line-icons {
    width: 34px !important;
    min-width: 34px !important;
    min-height: 18px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 3px !important;
    white-space: nowrap !important;
}
body.page-diablo-planner .planner-tooltip-line-icons:empty::before {
    content: "◆" !important;
    display: inline-block !important;
    color: #6d7077 !important;
    font-size: 12px !important;
    line-height: 16px !important;
}
body.page-diablo-planner .planner-tooltip-line-icon {
    display: block !important;
    flex: 0 0 15px !important;
    width: 15px !important;
    height: 15px !important;
    object-fit: contain !important;
    margin: 0 !important;
}
body.page-diablo-planner .planner-tooltip-line-icon.is-ga {
    filter: none !important;
}
body.page-diablo-planner .planner-tooltip-line-text {
    min-width: 0 !important;
    color: #d0d1d5 !important;
    overflow-wrap: break-word !important;
}
body.page-diablo-planner .planner-tooltip-option-line.is-greater .planner-tooltip-line-text {
    color: #d9ab58 !important;
}

/* Primary aspect / unique effect. */
body.page-diablo-planner .planner-item-tooltip-effect.is-primary,
body.page-diablo-planner .planner-item-tooltip-effect.is-unique,
body.page-diablo-planner .planner-item-tooltip-effect.is-mythic {
    padding: 11px 0 !important;
}
body.page-diablo-planner .planner-item-tooltip-effect.is-primary {
    display: grid !important;
    grid-template-columns: 16px minmax(0,1fr) !important;
    gap: 4px !important;
    color: #e7a31e !important;
}
body.page-diablo-planner .planner-item-tooltip-effect.is-primary b,
body.page-diablo-planner .planner-item-tooltip-effect-line b {
    color: #d6a449 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}
body.page-diablo-planner .planner-item-tooltip-effect-line {
    display: grid !important;
    grid-template-columns: 16px minmax(0,1fr) !important;
    gap: 4px !important;
    align-items: start !important;
}
body.page-diablo-planner .planner-item-tooltip-effect.is-unique .planner-item-tooltip-effect-line { color: #d3aa78 !important; }
body.page-diablo-planner .planner-item-tooltip-effect.is-mythic .planner-item-tooltip-effect-line { color: #c69ad8 !important; }
body.page-diablo-planner .planner-item-tooltip-effect.is-mythic .planner-item-tooltip-effect-line b { color: #bc84d3 !important; }

body.page-diablo-planner .planner-item-tooltip-footer {
    display: block !important;
    padding: 10px 0 0 !important;
    color: #73767d !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
}
body.page-diablo-planner .planner-item-tooltip::-webkit-scrollbar { width: 7px !important; }
body.page-diablo-planner .planner-item-tooltip::-webkit-scrollbar-track { background: #191a1f !important; }
body.page-diablo-planner .planner-item-tooltip::-webkit-scrollbar-thumb { background: #50535a !important; border-radius: 6px !important; }


/* 2026-08-27 guaranteed Unique affixes + final D4Guides-like tooltip pass */
body.page-diablo-planner .planner-compact-option-row.is-guaranteed .planner-search-select input[readonly] {
    color: #d4b07f !important;
    background: #1b1d24 !important;
    border-color: #42454e !important;
    cursor: default !important;
}
body.page-diablo-planner .planner-compact-option-row.is-guaranteed .planner-option-clear {
    opacity: .20 !important;
    cursor: default !important;
}

/* The floating wrapper contains a complete .planner-item-tooltip now. Keep the wrapper itself invisible. */
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
    overflow: visible !important;
}
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] > .planner-item-tooltip {
    display: block !important;
    width: 340px !important;
    max-width: min(340px, calc(100vw - 28px)) !important;
    max-height: min(600px, calc(100dvh - 28px)) !important;
    overflow-y: auto !important;
    padding: 14px 14px 12px !important;
    border: 1px solid #474a52 !important;
    border-radius: 0 !important;
    background: #18191e !important;
    opacity: 1 !important;
    box-shadow: 0 14px 36px rgba(0,0,0,.58) !important;
    color: #c9cbd0 !important;
}
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-item-tooltip-head {
    min-height: 72px !important;
    grid-template-columns: minmax(0,1fr) 58px !important;
    column-gap: 12px !important;
    padding-bottom: 11px !important;
}
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-item-tooltip-titleblock {
    gap: 1px !important;
}
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-item-tooltip-titleblock strong {
    font-size: 16px !important;
    line-height: 1.22 !important;
}
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-tooltip-group,
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-item-tooltip-effect {
    gap: 8px !important;
    padding: 10px 0 !important;
    background: transparent !important;
}
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-tooltip-group-lines {
    gap: 9px !important;
}
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-tooltip-option-line {
    grid-template-columns: 18px minmax(0,1fr) !important;
    gap: 7px !important;
    min-height: 18px !important;
    line-height: 1.42 !important;
}
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-tooltip-line-icons {
    width: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    gap: 2px !important;
    overflow: visible !important;
}
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-tooltip-line-icon {
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
}
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-tooltip-line-icons:has(.planner-tooltip-line-icon + .planner-tooltip-line-icon) {
    width: 35px !important;
    min-width: 35px !important;
}
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-tooltip-option-line:has(.planner-tooltip-line-icon + .planner-tooltip-line-icon) {
    grid-template-columns: 35px minmax(0,1fr) !important;
}
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-item-tooltip-effect-line {
    grid-template-columns: 17px minmax(0,1fr) !important;
    gap: 7px !important;
    line-height: 1.45 !important;
}
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-item-tooltip-footer {
    padding-top: 9px !important;
}

/* Reset source-tooltip positioning when cloned into the floating pointer tooltip. */
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] > .planner-slot-tooltip.planner-item-tooltip {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: none !important;
}


/* 2026-08-27 tooltip/list readability refinement */
/* Equipment list: item name + rarity/type on one compact line. */
body.page-diablo-planner .planner-choice-copy {
    display: flex !important;
    align-items: baseline !important;
    gap: 7px !important;
    min-width: 0 !important;
    overflow: hidden !important;
}
body.page-diablo-planner .planner-choice-copy strong,
body.page-diablo-planner .planner-choice span strong {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 54px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
}
body.page-diablo-planner .planner-choice-copy small,
body.page-diablo-planner .planner-choice span small {
    flex: 0 0 auto !important;
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    opacity: .88 !important;
}
body.page-diablo-planner .planner-choice {
    min-height: 54px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

/* Tooltip: wider card, tighter rhythm, no standalone diamond row. */
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] > .planner-item-tooltip,
body.page-diablo-planner .planner-item-tooltip {
    width: 400px !important;
    max-width: min(400px, calc(100vw - 24px)) !important;
    padding: 14px 16px 12px !important;
    background: #18191e !important;
    border: 1px solid #474a52 !important;
    opacity: 1 !important;
    box-shadow: 0 16px 40px rgba(0,0,0,.62) !important;
}
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-item-tooltip-head,
body.page-diablo-planner .planner-item-tooltip-head {
    min-height: 64px !important;
    padding-bottom: 10px !important;
    gap: 10px !important;
}
body.page-diablo-planner .planner-item-tooltip-titleblock strong {
    overflow-wrap: normal !important;
    word-break: keep-all !important;
}
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-tooltip-group,
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-item-tooltip-effect,
body.page-diablo-planner .planner-tooltip-group,
body.page-diablo-planner .planner-item-tooltip-effect {
    gap: 5px !important;
    padding: 9px 0 !important;
}
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-tooltip-group-lines,
body.page-diablo-planner .planner-tooltip-group-lines {
    gap: 5px !important;
}
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-tooltip-option-line,
body.page-diablo-planner .planner-tooltip-option-line {
    grid-template-columns: 17px minmax(0,1fr) !important;
    align-items: start !important;
    gap: 5px !important;
    min-height: 17px !important;
    line-height: 1.34 !important;
}
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-tooltip-line-icons,
body.page-diablo-planner .planner-tooltip-line-icons {
    width: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
    display: grid !important;
    place-items: center !important;
    overflow: visible !important;
}
/* Disable old pseudo-diamond; JS now outputs a bullet explicitly. */
body.page-diablo-planner .planner-tooltip-line-icons:empty::before,
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-tooltip-line-icons:empty::before {
    content: none !important;
    display: none !important;
}
body.page-diablo-planner .planner-tooltip-line-bullet {
    display: block !important;
    width: 17px !important;
    color: #b4b6bc !important;
    font-size: 16px !important;
    line-height: 15px !important;
    text-align: center !important;
    font-weight: 700 !important;
}
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-tooltip-line-icon,
body.page-diablo-planner .planner-tooltip-line-icon {
    width: 15px !important;
    height: 15px !important;
    flex: 0 0 15px !important;
    margin: 0 !important;
}
body.page-diablo-planner .planner-tooltip-line-icon.is-ga {
    filter: none !important;
    opacity: 1 !important;
}
body.page-diablo-planner .planner-tooltip-line-text {
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    color: #d0d1d5 !important;
}
body.page-diablo-planner .planner-tooltip-option-line.is-greater .planner-tooltip-line-text {
    color: #d9ab58 !important;
}
/* Masterwork colouring: 4/8/12 style stages. */
body.page-diablo-planner .planner-tooltip-option-line.is-masterwork-1 .planner-tooltip-line-text { color: #73a9dd !important; }
body.page-diablo-planner .planner-tooltip-option-line.is-masterwork-2 .planner-tooltip-line-text { color: #d8c468 !important; }
body.page-diablo-planner .planner-tooltip-option-line.is-masterwork-3 .planner-tooltip-line-text { color: #d68c4b !important; }
body.page-diablo-planner .planner-tooltip-option-line.is-greater.is-masterwork-1 .planner-tooltip-line-text { color: #79b2ec !important; }
body.page-diablo-planner .planner-tooltip-option-line.is-greater.is-masterwork-2 .planner-tooltip-line-text { color: #e1ca69 !important; }
body.page-diablo-planner .planner-tooltip-option-line.is-greater.is-masterwork-3 .planner-tooltip-line-text { color: #e49a50 !important; }
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-item-tooltip-effect-line,
body.page-diablo-planner .planner-item-tooltip-effect-line {
    grid-template-columns: 17px minmax(0,1fr) !important;
    gap: 5px !important;
    line-height: 1.38 !important;
}
body.page-diablo-planner .planner-item-tooltip-effect-line > span,
body.page-diablo-planner .planner-item-tooltip-effect.is-primary > span {
    overflow-wrap: normal !important;
    word-break: keep-all !important;
}


/* 2026-08-27 tooltip option line: GA/bullet + option text MUST stay on one row */
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-tooltip-option-line,
body.page-diablo-planner .planner-tooltip-option-line {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 6px !important;
    width: 100% !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-tooltip-line-prefix,
body.page-diablo-planner .planner-tooltip-line-prefix {
    display: inline-flex !important;
    flex: 0 0 17px !important;
    width: 17px !important;
    height: 18px !important;
    min-width: 17px !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 18px !important;
    overflow: visible !important;
}

body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-tooltip-line-prefix .planner-tooltip-line-icon,
body.page-diablo-planner .planner-tooltip-line-prefix .planner-tooltip-line-icon {
    display: block !important;
    flex: 0 0 15px !important;
    width: 15px !important;
    height: 15px !important;
    margin: 1px 0 0 !important;
    object-fit: contain !important;
    vertical-align: top !important;
}

body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-tooltip-line-prefix .planner-tooltip-line-bullet,
body.page-diablo-planner .planner-tooltip-line-prefix .planner-tooltip-line-bullet {
    display: inline-block !important;
    width: 17px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #b4b6bc !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 16px !important;
    text-align: center !important;
}

body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-tooltip-line-text,
body.page-diablo-planner .planner-tooltip-line-text {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.38 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
}

/* Old icon-column rules are intentionally neutralized. */
body.page-diablo-planner .planner-tooltip-line-icons,
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-tooltip-line-icons {
    display: none !important;
}

/* Keep each option group compact: title, then one option per row. */
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-tooltip-group,
body.page-diablo-planner .planner-tooltip-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="slot"] .planner-tooltip-group-lines,
body.page-diablo-planner .planner-tooltip-group-lines {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}


/* 2026-08-27 use-skill/rune overview: only the slots, no surrounding tile backgrounds */
body.page-diablo-planner .planner-featured-skill,
body.page-diablo-planner .planner-rune-summary {
    position: relative !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}
body.page-diablo-planner .planner-featured-skill:hover,
body.page-diablo-planner .planner-featured-skill:focus-visible,
body.page-diablo-planner .planner-rune-summary:hover,
body.page-diablo-planner .planner-rune-summary:focus-visible {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-featured-skill-icon,
body.page-diablo-planner .planner-rune-summary-icon {
    background: #1d1f25 !important;
    border: 1px solid #373a43 !important;
    box-shadow: none !important;
}
body.page-diablo-planner .planner-featured-skill:not(.is-empty):hover .planner-featured-skill-icon,
body.page-diablo-planner .planner-rune-summary:not(.is-empty):hover .planner-rune-summary-icon {
    border-color: #626773 !important;
}
body.page-diablo-planner .planner-featured-tooltip { display: none !important; }

body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="featured-skill"],
body.page-diablo-planner .planner-pointer-tooltip[data-tooltip-type="featured-rune"] {
    width: min(390px, calc(100vw - 28px)) !important;
    max-width: 390px !important;
    padding: 14px 15px !important;
    border: 1px solid #444852 !important;
    background: #17191f !important;
    color: #bec2ca !important;
    box-shadow: 0 16px 38px rgba(0,0,0,.46) !important;
    opacity: 1 !important;
}
body.page-diablo-planner .planner-pointer-tooltip .planner-featured-tooltip-head {
    display: grid !important;
    grid-template-columns: 42px minmax(0,1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #393d46 !important;
}
body.page-diablo-planner .planner-pointer-tooltip .planner-featured-tooltip-head img {
    width: 42px !important;
    height: 42px !important;
    object-fit: cover !important;
    border: 1px solid #4b4f59 !important;
    background: #202229 !important;
}
body.page-diablo-planner .planner-pointer-tooltip .planner-featured-tooltip-head strong {
    display: block !important;
    color: #d7d9de !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
}
body.page-diablo-planner .planner-pointer-tooltip .planner-featured-tooltip-head small {
    display: block !important;
    margin-top: 3px !important;
    color: #858a94 !important;
    font-size: 11px !important;
}
body.page-diablo-planner .planner-pointer-tooltip .planner-featured-tooltip-tags {
    display: block !important;
    margin-top: 9px !important;
    color: #ad8150 !important;
    font-size: 11px !important;
}
body.page-diablo-planner .planner-pointer-tooltip .planner-featured-tooltip-description {
    display: block !important;
    margin-top: 7px !important;
    color: #b7bac1 !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
    word-break: keep-all !important;
}
body.page-diablo-planner .planner-pointer-tooltip .planner-featured-tooltip-support {
    display: block !important;
    margin-top: 12px !important;
    padding-top: 10px !important;
    border-top: 1px solid #393d46 !important;
}
body.page-diablo-planner .planner-pointer-tooltip .planner-featured-tooltip-support > em {
    display: block !important;
    margin-bottom: 5px !important;
    color: #7f848e !important;
    font-size: 10px !important;
    font-style: normal !important;
}
body.page-diablo-planner .planner-pointer-tooltip .planner-featured-tooltip-support-row {
    display: grid !important;
    grid-template-columns: 30px minmax(0,1fr) !important;
    gap: 8px !important;
    align-items: start !important;
    padding: 6px 0 !important;
}
body.page-diablo-planner .planner-pointer-tooltip .planner-featured-tooltip-support-row + .planner-featured-tooltip-support-row {
    border-top: 1px solid rgba(71,75,85,.5) !important;
}
body.page-diablo-planner .planner-pointer-tooltip .planner-featured-tooltip-support-row img {
    width: 30px !important;
    height: 30px !important;
    object-fit: cover !important;
    border: 1px solid #424650 !important;
}
body.page-diablo-planner .planner-pointer-tooltip .planner-featured-tooltip-support-row strong {
    display: block !important;
    color: #c9ccd2 !important;
    font-size: 12px !important;
}
body.page-diablo-planner .planner-pointer-tooltip .planner-featured-tooltip-support-row strong b {
    color: #868b95 !important;
    font-size: 10px !important;
    font-weight: 500 !important;
}
body.page-diablo-planner .planner-pointer-tooltip .planner-featured-tooltip-support-row small {
    display: block !important;
    margin-top: 3px !important;
    color: #969aa3 !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    word-break: keep-all !important;
}


/* 2026-08-27 featured skill tooltip: preserve source line breaks and separate metadata */
body.page-diablo-planner .planner-pointer-tooltip .planner-featured-tooltip-description {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    white-space: normal !important;
}
body.page-diablo-planner .planner-pointer-tooltip .planner-featured-tooltip-text-line {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #b7bac1 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    word-break: keep-all !important;
}
body.page-diablo-planner .planner-pointer-tooltip .planner-featured-tooltip-text-line.is-meta {
    color: #c9cbd0 !important;
    font-weight: 500 !important;
}
body.page-diablo-planner .planner-pointer-tooltip .planner-featured-tooltip-text-line.is-description {
    margin-top: 2px !important;
}
body.page-diablo-planner .planner-pointer-tooltip .planner-featured-tooltip-support-row small {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}


/* 2026-08-27 overview slot spacing + rune pair links + skill hotkeys */
body.page-diablo-planner [data-featured-skills].planner-featured-grid,
body.page-diablo-planner [data-featured-skills] {
    grid-template-columns: repeat(6, 72px) !important;
    justify-content: center !important;
    column-gap: 12px !important;
    row-gap: 8px !important;
}

body.page-diablo-planner [data-featured-runes].planner-rune-grid,
body.page-diablo-planner [data-featured-runes] {
    grid-template-columns: repeat(4, 76px) !important;
    justify-content: center !important;
    column-gap: 20px !important;
    row-gap: 8px !important;
    overflow: visible !important;
}

body.page-diablo-planner .planner-featured-skill {
    grid-template-rows: auto minmax(16px, auto) 18px !important;
    gap: 3px !important;
    justify-items: center !important;
    overflow: visible !important;
}

body.page-diablo-planner .planner-featured-skill > strong {
    width: 100% !important;
    max-width: 72px !important;
    min-height: 16px !important;
    margin: 0 !important;
    line-height: 16px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.page-diablo-planner .planner-featured-hotkey {
    display: inline-grid !important;
    width: 17px !important;
    height: 16px !important;
    min-width: 17px !important;
    place-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: #b8b3a8 !important;
    color: #111318 !important;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.35) !important;
    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

body.page-diablo-planner .planner-featured-hotkey.is-mouse {
    width: 18px !important;
    height: 18px !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.page-diablo-planner .planner-featured-hotkey.is-mouse svg {
    display: block !important;
    width: 16px !important;
    height: 18px !important;
    overflow: visible !important;
}

body.page-diablo-planner .planner-featured-hotkey.is-mouse .mouse-body,
body.page-diablo-planner .planner-featured-hotkey.is-mouse .mouse-divider {
    fill: #aaa69d !important;
    fill-opacity: .10 !important;
    stroke: #aaa69d !important;
    stroke-width: 1.25 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

body.page-diablo-planner .planner-featured-hotkey.is-mouse .mouse-button {
    fill: transparent !important;
    stroke: none !important;
}

body.page-diablo-planner .planner-featured-hotkey.is-mouse .mouse-button.is-active {
    fill: #b8b3a8 !important;
}

body.page-diablo-planner .planner-rune-summary {
    position: relative !important;
    z-index: 1 !important;
    overflow: visible !important;
}

body.page-diablo-planner .planner-rune-summary-icon {
    position: relative !important;
    z-index: 2 !important;
}

body.page-diablo-planner .planner-rune-summary.is-linked-next::after {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    top: 22px !important;
    left: calc(50% + 24px) !important;
    width: 48px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #605746 0%, #8d754e 50%, #605746 100%) !important;
    box-shadow: 0 0 0 1px rgba(0,0,0,.28), 0 0 7px rgba(157,119,67,.12) !important;
    pointer-events: none !important;
}

body.page-diablo-planner .planner-rune-summary.is-linked-next::before {
    content: "" !important;
    position: absolute !important;
    z-index: 1 !important;
    top: 19px !important;
    left: calc(50% + 43px) !important;
    width: 8px !important;
    height: 8px !important;
    transform: rotate(45deg) !important;
    border: 1px solid #8d754e !important;
    background: #1b1d22 !important;
    pointer-events: none !important;
}

@media (max-width: 760px) {
    body.page-diablo-planner [data-featured-skills].planner-featured-grid,
    body.page-diablo-planner [data-featured-skills] {
        grid-template-columns: repeat(3, 72px) !important;
        row-gap: 12px !important;
    }

    body.page-diablo-planner [data-featured-runes].planner-rune-grid,
    body.page-diablo-planner [data-featured-runes] {
        grid-template-columns: repeat(2, 76px) !important;
        row-gap: 12px !important;
    }

    body.page-diablo-planner .planner-rune-summary:nth-child(2n).is-linked-next::before,
    body.page-diablo-planner .planner-rune-summary:nth-child(2n).is-linked-next::after {
        display: none !important;
    }
}