/* Shared grid rows keep both lists aligned, even when the description grows. */
#dw_donations .dw-v2-columns {
    display:grid; position:relative; grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-areas:"fund description" "history ranking"; gap:24px 32px;
}
#dw_donations .dw-v2-columns::before {
    content:""; position:absolute; top:0; bottom:0; left:50%; width:1px;
    background:#3b3e45; pointer-events:none;
}
#dw_donations .dw-v2-column { min-width:0; }
#dw_donations .dw-v3-fund { grid-area:fund; }
#dw_donations .dw-v3-description { grid-area:description; }
#dw_donations .dw-v3-history { grid-area:history; }
#dw_donations .dw-v2-ranking { grid-area:ranking; }
#dw_donations .dw-v3-fund > .form-group { margin-bottom:0; }

/* One continuous list, not a stack of separate cards. */
#dw_donations .dw-v2-panel {
    min-width:0; margin:0; background:#2c2f35; border:1px solid #41454e;
    border-radius:12px; overflow:hidden;
}
#dw_donations .dw-v2-panel-title {
    display:flex; align-items:center; justify-content:center; gap:9px;
    height:54px; margin:0; padding:12px 16px; border-bottom:1px solid #41454e;
    background:#33363e; color:#e4e6ee; font-family:inherit;
    font-size:17px; font-weight:600; line-height:24px; text-align:center;
}
#dw_donations .dw-v2-panel-title::before {
    content:""; width:6px; height:6px; flex:none; border-radius:50%; background:#8198e5;
}
#dw_donations .dw-v2-widget .dw-v2-list.scroll-body {
    height:336px; max-height:336px; overflow-y:auto; overflow-x:hidden;
    scrollbar-gutter:stable; scrollbar-width:thin; scrollbar-color:#8198e5 #272a30;
    overscroll-behavior-y:contain; outline-offset:-2px;
}
#dw_donations .dw-v2-widget .dw-v2-list.scroll-body::-webkit-scrollbar { width:6px; height:6px; }
#dw_donations .dw-v2-widget .dw-v2-list.scroll-body::-webkit-scrollbar-track { background:#272a30; border-radius:8px; }
#dw_donations .dw-v2-widget .dw-v2-list.scroll-body::-webkit-scrollbar-thumb { background:#8198e5; border-radius:8px; }
#dw_donations .dw-v2-widget .dw-v2-list.scroll-body::-webkit-scrollbar-thumb:hover { background:#a3b5f0; }
/* Chromium/Safari: use the visible custom thumb instead of an auto-hiding native overlay. */
@supports selector(::-webkit-scrollbar) {
    #dw_donations .dw-v2-widget .dw-v2-list.scroll-body { scrollbar-width:auto; scrollbar-color:auto; }
}
#dw_donations .dw-v2-row {
    display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center;
    gap:14px; min-height:72px; padding:14px 18px; margin:0;
    border-bottom:1px solid #3b3e46; background:transparent; color:#b9bdc9;
    font-family:inherit; font-size:14px; line-height:20px; transition:background-color .15s ease;
}
#dw_donations .dw-v2-row:nth-child(even) { background:rgba(255,255,255,.015); }
#dw_donations .dw-v2-row:last-child { border-bottom:0; }
#dw_donations .dw-v2-row:hover, #dw_donations .dw-v2-row:focus-within { background:#343943; }
#dw_donations .dw-v2-avatar { position:relative; display:block; width:40px; height:40px; margin:0; padding:0; overflow:visible; border:0; }
#dw_donations .dw-v2-avatar .dw-v2-avatar-image { display:block; width:40px; height:40px; margin:0; border-radius:50%; object-fit:cover; }
#dw_donations .dw-v2-avatar .dw-v2-avatar-frame { position:absolute; inset:-6px; display:block; width:52px; height:52px; max-width:none; margin:0; border-radius:0; object-fit:contain; pointer-events:none; z-index:1; }
#dw_donations .dw-v2-person { min-width:0; }
#dw_donations .dw-v2-user-line { display:flex; align-items:center; flex-wrap:wrap; gap:2px 4px; min-width:0; min-height:20px; }
#dw_donations .dw-v2-login { display:inline-block; min-width:0; max-width:100%; font-weight:600; line-height:20px; text-decoration:none; overflow-wrap:anywhere; }
#dw_donations .dw-v2-badges { display:inline-flex; align-items:center; flex-wrap:wrap; gap:2px; margin:0; padding:0; line-height:1; }
#dw_donations .dw-v2-badges:empty { display:none; }
#dw_donations .dw-v2-badge { display:inline-flex; align-items:center; width:18px; height:18px; margin:0; padding:0; }
#dw_donations .dw-v2-badge img { display:block; width:18px; height:18px; margin:0; border-radius:0; object-fit:contain; }
#dw_donations .dw-v3-meta { display:flex; flex-direction:column; align-items:flex-end; gap:4px; min-width:0; }
#dw_donations .dw-v2-date { color:#a0a6b5; font-size:11px; font-weight:400; line-height:18px; white-space:nowrap; }
#dw_donations .dw-v2-comment { margin-top:4px; color:#b7bdcb; font-size:13px; font-weight:400; line-height:20px; overflow-wrap:anywhere; }
#dw_donations .dw-v2-amount { max-width:100%; color:#c5d1f7; font-size:15px; font-weight:600; font-variant-numeric:tabular-nums; text-align:right; white-space:nowrap; }
#dw_donations .dw-v2-empty { padding:28px 20px; color:#a0a6b5; text-align:center; }
#dw_donations .dw-v2-list:focus-visible, #dw_donations .dw-v2-avatar:focus-visible, #dw_donations .dw-v2-login:focus-visible { outline:2px solid #8198e5; }
#dw_donations .dw-v2-widget .completed_donate .centered { width:min(640px,calc(100% - 32px)); }
@media (max-width:1199px) and (min-width:992px), (max-width:600px) {
    #dw_donations .dw-v2-history-row { grid-template-columns:40px minmax(0,1fr); column-gap:12px; row-gap:4px; }
    #dw_donations .dw-v2-history-row .dw-v2-avatar { grid-row:1 / span 2; }
    #dw_donations .dw-v3-meta { grid-column:2; flex-direction:row; flex-wrap:wrap; align-items:center; gap:2px 12px; }
}
@media (max-width:991px) {
    #dw_donations .dw-v2-columns { grid-template-columns:minmax(0,1fr); grid-template-areas:"fund" "history" "description" "ranking"; gap:24px; }
    #dw_donations .dw-v2-columns::before { display:none; }
}
@media (max-width:420px) {
    #dw_donations .dw-v2-row { padding:14px 12px; column-gap:12px; }
    #dw_donations .dw-v2-total-row { grid-template-columns:40px minmax(0,1fr); row-gap:4px; }
    #dw_donations .dw-v2-total-row > .dw-v2-amount { grid-column:2; justify-self:start; text-align:left; }
    #dw_donations .dw-v2-total-row > .dw-v2-avatar { grid-row:1 / span 2; }
    #dw_donations .dw-v2-panel-title { font-size:16px; }
}
@media (prefers-reduced-motion:reduce) { #dw_donations .dw-v2-row { transition:none; } }

/* Each history/ranking (including the completed campaign) has its own numbering. */
#dw_donations .dw-v2-list { counter-reset:dw-place; }
#dw_donations .dw-v2-list > .dw-v2-row {
    counter-increment:dw-place;
    grid-template-columns:32px 40px minmax(0,1fr) auto;
    column-gap:12px;
}
#dw_donations .dw-v2-list > .dw-v2-row::before {
    content:counter(dw-place);
    display:flex; align-items:center; justify-content:center;
    min-width:32px; height:32px; border-radius:50%;
    color:#b9bdc9; font-size:13px; font-weight:700;
    font-variant-numeric:tabular-nums; line-height:1;
}
#dw_donations .dw-v2-ranking .dw-v2-total-row:nth-child(-n+3)::before {
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 2px 5px rgba(0,0,0,.25);
}
#dw_donations .dw-v2-ranking .dw-v2-total-row:nth-child(1)::before {
    background:linear-gradient(135deg,#ffe8a0,#d7a331); color:#533b09;
}
#dw_donations .dw-v2-ranking .dw-v2-total-row:nth-child(2)::before {
    background:linear-gradient(135deg,#f0f3f8,#a3adbc); color:#333e4d;
}
#dw_donations .dw-v2-ranking .dw-v2-total-row:nth-child(3)::before {
    background:linear-gradient(135deg,#edc3a0,#b77743); color:#4f2e19;
}
@media (max-width:1199px) and (min-width:992px), (max-width:600px) {
    #dw_donations .dw-v2-list > .dw-v2-history-row { grid-template-columns:32px 40px minmax(0,1fr); }
    #dw_donations .dw-v2-history-row::before { grid-column:1; grid-row:1 / span 2; }
    #dw_donations .dw-v2-history-row .dw-v2-avatar { grid-column:2; }
    #dw_donations .dw-v2-history-row .dw-v3-meta { grid-column:3; }
}
@media (max-width:420px) {
    #dw_donations .dw-v2-list > .dw-v2-row { column-gap:8px; padding-left:10px; padding-right:10px; }
    #dw_donations .dw-v2-list > .dw-v2-total-row { grid-template-columns:32px 40px minmax(0,1fr); }
    #dw_donations .dw-v2-total-row::before { grid-column:1; grid-row:1 / span 2; }
    #dw_donations .dw-v2-total-row > .dw-v2-avatar { grid-column:2; }
    #dw_donations .dw-v2-total-row > .dw-v2-amount { grid-column:3; }
}

/* 2026-10-02: unified home-style surfaces for Obsidian, Graphite, Ocean and Silver. */
@supports (--private-theme-static:1) {
    #dw_donations {
        --dw-accent:var(--private-accent,var(--private-final-text,#eee));
        --dw-panel-text:var(--private-final-text,#eee);
        --dw-inner-text:var(--private-inner-text,var(--private-final-text,#eee));
        --dw-inner-muted:var(--private-inner-muted,var(--private-final-muted,#aaa));
        min-width:0;
        color:var(--dw-panel-text);
    }
    #dw_donations .dw-v2-widget.block.dark {
        position:relative;
        padding:14px;
        border:1px solid var(--private-final-border,rgba(255,255,255,.16));
        border-radius:12px;
        background-color:var(--private-final-panel,#191919);
        background-image:var(--private-panel-fill,none);
        color:var(--dw-panel-text);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 5px 12px var(--private-final-shadow,rgba(0,0,0,.4));
    }
    #dw_donations .dw-v2-columns {
        grid-template-columns:repeat(2,minmax(0,1fr));
        grid-template-areas:"fund description" "history ranking";
        gap:12px;
    }
    #dw_donations .dw-v2-columns::before {display:none;}
    #dw_donations :is(.dw-v2-column,.dw-v2-panel) {
        min-width:0;
        margin:0;
        border:1px solid var(--private-final-border,rgba(255,255,255,.16));
        border-radius:10px;
        background-color:var(--private-final-panel,#191919);
        background-image:var(--private-panel-fill,none);
        color:var(--dw-panel-text);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    }
    #dw_donations .dw-v2-column {padding:14px;}
    #dw_donations .dw-v2-panel {overflow:hidden;}
    #dw_donations .dw-v2-widget .block_head {
        display:flex;
        align-items:center;
        min-height:24px;
        margin:0 0 10px;
        padding:0 0 9px;
        border-bottom:1px solid var(--private-final-border,rgba(255,255,255,.16));
        color:var(--dw-inner-text)!important;
        -webkit-text-fill-color:var(--dw-inner-text)!important;
        font:650 15px/24px ui-sans-serif,system-ui,sans-serif;
        text-align:left;
    }
    #dw_donations .dw-v2-widget :is(.t-a-c,.dw_text,.dw-v3-description>b) {
        color:var(--dw-inner-text);
        -webkit-text-fill-color:var(--dw-inner-text);
    }
    #dw_donations .dw_text {font-size:14px;line-height:1.55;}
    #dw_donations .dw-v3-description br+br {display:block;content:"";margin-top:7px;}
    #dw_donations .dw-v3-description>a {
        color:var(--dw-inner-text)!important;
        -webkit-text-fill-color:var(--dw-inner-text)!important;
        text-decoration:none;
    }
    #dw_donations .dw-v3-description>a:hover {text-decoration:underline;text-underline-offset:3px;}
    #dw_donations .dw_target-sum {color:var(--dw-inner-text);}
    #dw_donations .dw_target-sum::after {height:2px;background:var(--dw-accent);}
    #dw_donations .c100 {background-color:var(--private-final-hover,#292929);}
    #dw_donations .c100::after {background-color:var(--private-final-panel,#191919);}
    #dw_donations .c100>span,
    #dw_donations .c100:hover>span {
        color:var(--dw-inner-text);
        -webkit-text-fill-color:var(--dw-inner-text);
    }
    #dw_donations :is(.c100 .bar,.c100 .fill) {border-color:var(--dw-accent)!important;}
    #dw_donations .dw-v3-fund>.form-group {margin:12px 0 0;}
    #dw_donations .dw-v3-fund .input-group {
        display:flex;
        align-items:stretch;
        flex-wrap:wrap;
        gap:8px;
    }
    #dw_donations .dw-v3-fund .input-group>input.form-control {
        flex:1 1 180px;
        width:auto;
        min-width:0;
        max-width:none!important;
        height:36px;
        margin:0!important;
        padding:6px 10px!important;
        border:1px solid var(--private-final-border,rgba(255,255,255,.16));
        border-radius:8px;
        background-color:var(--private-final-panel,#191919);
        background-image:var(--private-panel-fill,none);
        color:var(--dw-panel-text);
        -webkit-text-fill-color:var(--dw-panel-text);
        text-align:left;
    }
    #dw_donations .dw-v3-fund .input-group>input#dw_amount {flex:0 1 92px;}
    #dw_donations .dw-v3-fund .input-group>input.form-control::placeholder {
        color:var(--dw-inner-muted);
        -webkit-text-fill-color:var(--dw-inner-muted);
        opacity:1;
    }
    #dw_donations .dw-v3-fund .input-group-prepend {display:flex;margin:0;}
    #dw_donations .dw-v3-fund button#send_button_donate {
        width:auto;
        min-width:96px;
        height:36px;
        margin:0;
        padding:6px 14px;
        border:1px solid var(--private-final-border,rgba(255,255,255,.16));
        border-radius:8px;
        background-color:var(--private-final-panel,#191919);
        background-image:var(--private-panel-fill,none);
        color:var(--dw-panel-text);
        -webkit-text-fill-color:var(--dw-panel-text);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 3px 8px var(--private-final-shadow,rgba(0,0,0,.25));
    }
    #dw_donations .dw-v3-fund button#send_button_donate:hover:not(:disabled) {
        border-color:var(--dw-inner-text);
        color:var(--dw-inner-text);
        -webkit-text-fill-color:var(--dw-inner-text);
    }
    #dw_donations :is(input,button,a,.dw-v2-list):focus-visible {
        outline:2px solid var(--dw-inner-text)!important;
        outline-offset:2px;
        box-shadow:none!important;
    }
    #dw_donations #dw_result {width:100%;min-height:0;margin-top:7px;text-align:center;}
    #dw_donations #dw_result p {margin:0;}
    #dw_donations .dw-v2-panel-title {
        justify-content:space-between;
        min-height:45px;
        height:auto;
        margin:0;
        padding:8px 11px;
        border-color:var(--private-final-border,rgba(255,255,255,.16));
        background-color:var(--private-final-panel,#191919)!important;
        background-image:var(--private-panel-fill,none)!important;
        color:var(--dw-panel-text);
        -webkit-text-fill-color:var(--dw-panel-text);
        font:650 14px/22px ui-sans-serif,system-ui,sans-serif;
        text-align:left;
    }
    #dw_donations .dw-v2-panel-title::before {display:none;}
    #dw_donations .dw-v2-widget .dw-v2-list.scroll-body {
        height:300px;
        max-height:300px;
        scrollbar-color:var(--dw-inner-text) transparent;
    }
    #dw_donations .dw-v2-widget .dw-v2-list.scroll-body::-webkit-scrollbar-track {background:transparent;}
    #dw_donations .dw-v2-widget .dw-v2-list.scroll-body::-webkit-scrollbar-thumb {background:var(--dw-inner-text);}
    #dw_donations .dw-v2-row {
        min-height:64px;
        padding:10px 12px;
        border-color:var(--private-final-border,rgba(255,255,255,.16));
        background:transparent;
        color:var(--dw-inner-text);
    }
    #dw_donations .dw-v2-row:nth-child(even) {background:transparent;}
    #dw_donations .dw-v2-row:is(:hover,:focus-within) {background-color:var(--private-final-hover,#292929);background-image:var(--private-hover-fill,none);}
    #dw_donations .dw-v2-date,
    #dw_donations .dw-v2-comment,
    #dw_donations .dw-v2-empty {color:var(--dw-inner-muted);-webkit-text-fill-color:var(--dw-inner-muted);}
    #dw_donations .dw-v2-amount {color:var(--dw-inner-text);-webkit-text-fill-color:var(--dw-inner-text);}
    #dw_donations .dw-v2-list>.dw-v2-row::before {color:var(--dw-inner-muted);-webkit-text-fill-color:var(--dw-inner-muted);}
    #dw_donations .dw-v2-ranking .dw-v2-total-row:nth-child(-n+3)::before {
        border-radius:0!important;
        background:transparent!important;
        color:var(--dw-inner-muted)!important;
        -webkit-text-fill-color:var(--dw-inner-muted)!important;
        box-shadow:none!important;
    }
    #dw_donations .dw-v2-panel-title .dw-top10-button {
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:5px;
        margin:0;
        min-height:0;
        padding:2px 0;
        border:0;
        border-radius:0;
        background:transparent!important;
        color:var(--dw-inner-text);
        -webkit-text-fill-color:var(--dw-inner-text);
        font:600 13px/20px ui-sans-serif,system-ui,sans-serif;
        box-shadow:none;
        transition:opacity .15s ease;
    }
    #dw_donations .dw-v2-panel-title .dw-top10-button:hover {
        background:transparent!important;
        color:var(--dw-inner-text);
        -webkit-text-fill-color:var(--dw-inner-text);
        text-decoration:underline;
        text-underline-offset:3px;
        opacity:.82;
    }
    #dw_donations .completed_donate {
        z-index:20;
        align-items:center;
        padding:14px;
        border-radius:12px;
        background:color-mix(in srgb,var(--private-final-panel,#191919) 80%,transparent);
        color:var(--dw-panel-text);
        backdrop-filter:blur(3px);
    }
    #dw_donations .completed_donate .centered {width:min(640px,100%);padding:0;}
    #dw_donations .completed_donate span.text {margin:0 0 12px;font-size:clamp(26px,4vw,42px);}
}

@media (max-width:900px) {
    #dw_donations .dw-v2-columns {
        grid-template-columns:minmax(0,1fr);
        grid-template-areas:"fund" "description" "history" "ranking";
    }
}
@media (max-width:680px) {
    #dw_donations .dw-v2-widget.block.dark {padding:10px;}
    #dw_donations .dw-v2-column {padding:11px;}
    #dw_donations .dw-v3-fund .input-group>input#dw_amount {flex:1 1 90px;}
    #dw_donations .dw-v3-fund .input-group-prepend,
    #dw_donations .dw-v3-fund button#send_button_donate {width:100%;}
    #dw_donations .dw-v2-widget .dw-v2-list.scroll-body {height:280px;max-height:280px;}
    #dw_donations .dw-v2-panel-title {align-items:flex-start;flex-direction:column;}
}
