/* 어둑시니 배회 메시지바 — #darkthread-status-bar.dt-chrome-presence-bar 전용 (페이지 CSS 간섭 방지) */

#darkthread-status-bar.dt-chrome-presence-bar,
#darkthread-status-bar.dt-chrome-presence-bar *,
#darkthread-status-bar.dt-chrome-presence-bar *::before,
#darkthread-status-bar.dt-chrome-presence-bar *::after {
    box-sizing: border-box;
}

#darkthread-status-bar.dt-chrome-presence-bar {
    --dt-presence-text: rgba(148, 163, 184, 0.86);
    --dt-presence-count: rgba(var(--dt-crimson-border-rgb), 0.95);
    --dt-presence-border: rgba(255, 255, 255, 0.07);
    --dt-presence-drawer-separator: rgba(255, 255, 255, 0.16);
    --dt-presence-drawer-shadow: 0 -8px 18px rgba(0, 0, 0, 0.34);
    --dt-presence-bg: rgba(13, 15, 18, 0.94);
    /* 모바일 탭 위 고정(도크) — 다크(기본) */
    --dt-presence-mobile-dock-bg: rgba(13, 15, 18, 0.94);
    --dt-presence-mobile-dock-text: rgba(148, 163, 184, 0.86);
    --dt-presence-mobile-dock-count: rgba(var(--dt-crimson-border-rgb), 0.95);
    --dt-presence-mobile-dock-border: rgba(255, 255, 255, 0.07);
    --dt-presence-mobile-dock-shadow: 0 -8px 22px rgba(0, 0, 0, 0.4);
    --dt-presence-mobile-dock-drawer-border: rgba(255, 255, 255, 0.16);
    --dt-presence-mobile-dock-drawer-shadow: 0 -8px 18px rgba(0, 0, 0, 0.34);
    --dt-presence-mobile-dock-shell-shadow: none;
    /* 모바일 탭 위 고정(도크) — 라이트(V2·로컬 테마) */
    --dt-presence-mobile-dock-light-bg: rgba(248, 250, 252, 0.98);
    --dt-presence-mobile-dock-light-text: #475569;
    --dt-presence-mobile-dock-light-count: #8b3a3a;
    --dt-presence-mobile-dock-light-border: rgba(148, 163, 184, 0.28);
    --dt-presence-mobile-dock-light-shadow: 0 -6px 20px rgba(15, 23, 42, 0.09);
    --dt-presence-mobile-dock-light-drawer-border: rgba(148, 163, 184, 0.32);
    --dt-presence-mobile-dock-light-drawer-shadow: 0 -6px 18px rgba(15, 23, 42, 0.11);
    --dt-presence-mobile-dock-light-shell-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        inset 0 -1px 0 rgba(148, 163, 184, 0.14);
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
    color: var(--dt-presence-text);
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: start;
    text-transform: none;
    isolation: isolate;
    contain: layout style;
}

#darkthread-status-bar.dt-chrome-presence-bar:has([data-darkthread-presence-message][hidden]) {
    height: 0;
    min-height: 0;
    max-height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: none;
}

#darkthread-status-bar.dt-chrome-presence-bar:not(:has([data-darkthread-presence-message][hidden])) {
    border-bottom: none;
}

#darkthread-status-bar.dt-chrome-presence-bar .dt-chrome-presence-bar__shell {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    background: var(--dt-presence-bg);
    color: var(--dt-presence-text);
    font: inherit;
}

#darkthread-status-bar.dt-chrome-presence-bar .dt-chrome-presence-bar__message {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
}

#darkthread-status-bar.dt-chrome-presence-bar .dt-chrome-presence-bar__message[hidden] {
    display: none !important;
}

#darkthread-status-bar.dt-chrome-presence-bar .dt-chrome-presence-bar__text {
    display: block;
    margin: 0;
    padding: 0.5rem clamp(12px, 3vw, 1.05rem);
    border: none;
    background: transparent;
    color: var(--dt-presence-text);
    font-family: inherit;
    font-size: clamp(0.84rem, 1.05vw, 0.95rem);
    font-weight: 500;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: 0.01em;
    text-align: center;
    text-decoration: none;
    text-transform: none;
}

#darkthread-status-bar.dt-chrome-presence-bar [data-darkthread-presence-count],
#darkthread-status-bar.dt-chrome-presence-bar .dt-chrome-presence-bar__count {
    color: var(--dt-presence-count);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

/* 메시지바 ↔ V2 검색바: 이중 테두리·배경 차·subbars 그림자로 생기는 미세 간격 제거 */
#darkthread-status-bar.dt-chrome-presence-bar:not(:has([data-darkthread-presence-message][hidden]))
    + #darkthread-chrome-subbars {
    margin-top: -1.5px !important;
    padding-top: 0 !important;
    border-top: none !important;
    box-shadow: none !important;
    background: var(--dt-presence-bg) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

#darkthread-status-bar.dt-chrome-presence-bar:not(:has([data-darkthread-presence-message][hidden]))
    + #darkthread-chrome-subbars #darkthread-search-bar.search-bar--v2-chrome {
    margin-top: 0 !important;
    border-top: none !important;
}

#darkthread-status-bar.dt-chrome-presence-bar:not(:has([data-darkthread-presence-message][hidden]))
    + #darkthread-chrome-subbars #darkthread-search-bar.search-bar--v2-chrome .dt-v2-toolbar {
    margin-top: 0 !important;
    border-top: none !important;
    border-top-width: 0 !important;
    background: var(--dt-presence-bg) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html.darkthread-board-list-v2-theme-light
    #darkthread-status-bar.dt-chrome-presence-bar:not(:has([data-darkthread-presence-message][hidden]))
    + #darkthread-chrome-subbars
    #darkthread-search-bar.search-bar--v2-chrome
    .dt-v2-toolbar,
body.darkthread-board-list-v2-theme-light
    #darkthread-status-bar.dt-chrome-presence-bar:not(:has([data-darkthread-presence-message][hidden]))
    + #darkthread-chrome-subbars
    #darkthread-search-bar.search-bar--v2-chrome
    .dt-v2-toolbar,
body.darkthread-board-list-v2-page:has(#dtV2ThemeLight:checked)
    #darkthread-status-bar.dt-chrome-presence-bar:not(:has([data-darkthread-presence-message][hidden]))
    + #darkthread-chrome-subbars
    #darkthread-search-bar.search-bar--v2-chrome
    .dt-v2-toolbar {
    margin-top: 0 !important;
    border-top: none !important;
    border-top-width: 0 !important;
    background: var(--dt-presence-bg) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

#darkthread-status-bar.dt-chrome-presence-bar:not(:has([data-darkthread-presence-message][hidden]))
    + #darkthread-chrome-subbars .category-context-strip {
    margin-top: 0;
    border-top: none;
}

/* 데스크톱·스티키 스택: 보드 V2 라이트 테마와 크롬 정렬 */
html.darkthread-board-list-v2-theme-light
    #darkthread-chrome-sticky-stack
    > #darkthread-status-bar.dt-chrome-presence-bar:not(:has([data-darkthread-presence-message][hidden])),
body.darkthread-board-list-v2-theme-light
    #darkthread-chrome-sticky-stack
    > #darkthread-status-bar.dt-chrome-presence-bar:not(:has([data-darkthread-presence-message][hidden])) {
    --dt-presence-text: #475569;
    --dt-presence-count: #8b3a3a;
    --dt-presence-border: rgba(148, 163, 184, 0.22);
    --dt-presence-bg: rgba(248, 250, 252, 0.96);
}

body.darkthread-board-list-v2-page.darkthread-board-list-v2-theme-dark
    #darkthread-chrome-sticky-stack
    > #darkthread-status-bar.dt-chrome-presence-bar:not(:has([data-darkthread-presence-message][hidden])),
body.darkthread-board-list-v2-page:not(.darkthread-board-list-v2-theme-light)
    #darkthread-chrome-sticky-stack
    > #darkthread-status-bar.dt-chrome-presence-bar:not(:has([data-darkthread-presence-message][hidden])) {
    --dt-presence-bg: rgba(13, 15, 18, 0.65);
    --dt-presence-border: rgba(255, 255, 255, 0.08);
}

@media (min-width: 1080px) {
    body.darkthread-board-list-v2-page.darkthread-board-list-v2-theme-dark
        #darkthread-status-bar.dt-chrome-presence-bar:not(:has([data-darkthread-presence-message][hidden]))
        .dt-chrome-presence-bar__shell,
    body.darkthread-board-list-v2-page:not(.darkthread-board-list-v2-theme-light)
        #darkthread-status-bar.dt-chrome-presence-bar:not(:has([data-darkthread-presence-message][hidden]))
        .dt-chrome-presence-bar__shell {
        background: rgba(13, 15, 18, 0.65) !important;
        backdrop-filter: blur(16px) saturate(112%) !important;
        -webkit-backdrop-filter: blur(16px) saturate(112%) !important;
    }
}

body.darkthread-board-list-v2-page.darkthread-board-list-v2-theme-light
    #darkthread-chrome-sticky-stack
    > #darkthread-status-bar.dt-chrome-presence-bar:not(:has([data-darkthread-presence-message][hidden])) {
    --dt-presence-bg: rgba(250, 251, 253, 0.94);
    --dt-presence-text: #475569;
    --dt-presence-count: #8b3a3a;
    --dt-presence-border: rgba(148, 163, 184, 0.2);
}

html.darkthread-board-list-v2-theme-light
    #darkthread-status-bar.dt-chrome-presence-bar:not([data-dt-chrome-presence-dock="mobile"]):not(
        .dt-chrome-presence-bar--mobile-dock
    ):not(:has([data-darkthread-presence-message][hidden]))
    .dt-chrome-presence-bar__shell,
body.darkthread-board-list-v2-theme-light
    #darkthread-status-bar.dt-chrome-presence-bar:not([data-dt-chrome-presence-dock="mobile"]):not(
        .dt-chrome-presence-bar--mobile-dock
    ):not(:has([data-darkthread-presence-message][hidden]))
    .dt-chrome-presence-bar__shell {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        inset 0 -1px 0 rgba(15, 23, 42, 0.07);
}

/* 배회 바 바로 아래 V2 검색바: shell 하단 inset 선이 검색 툴바와 이어지지 않아 보이는 틈 제거 */
html.darkthread-board-list-v2-theme-light
    #darkthread-status-bar.dt-chrome-presence-bar:not([data-dt-chrome-presence-dock="mobile"]):not(
        .dt-chrome-presence-bar--mobile-dock
    ):not(:has([data-darkthread-presence-message][hidden])):has(
        + #darkthread-chrome-subbars #darkthread-search-bar.search-bar--v2-chrome
    )
    .dt-chrome-presence-bar__shell,
body.darkthread-board-list-v2-theme-light
    #darkthread-status-bar.dt-chrome-presence-bar:not([data-dt-chrome-presence-dock="mobile"]):not(
        .dt-chrome-presence-bar--mobile-dock
    ):not(:has([data-darkthread-presence-message][hidden])):has(
        + #darkthread-chrome-subbars #darkthread-search-bar.search-bar--v2-chrome
    )
    .dt-chrome-presence-bar__shell,
body.darkthread-board-list-v2-page:has(#dtV2ThemeLight:checked)
    #darkthread-status-bar.dt-chrome-presence-bar:not([data-dt-chrome-presence-dock="mobile"]):not(
        .dt-chrome-presence-bar--mobile-dock
    ):not(:has([data-darkthread-presence-message][hidden])):has(
        + #darkthread-chrome-subbars #darkthread-search-bar.search-bar--v2-chrome
    )
    .dt-chrome-presence-bar__shell {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

body.darkthread-has-mobile-tab-bar:has(
        #darkthread-status-bar.dt-chrome-presence-bar:not(:has([data-darkthread-presence-message][hidden]))
    )
    #darkthread-chrome-subbars {
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
}

html.darkthread-board-list-v2-theme-light #darkthread-chrome-sticky-stack.darkthread-site-chrome,
body.darkthread-board-list-v2-theme-light #darkthread-chrome-sticky-stack.darkthread-site-chrome,
body.darkthread-board-list-v2-page:has(#dtV2ThemeLight:checked) #darkthread-chrome-sticky-stack.darkthread-site-chrome {
    background: transparent !important;
}

html.darkthread-board-list-v2-theme-light
    #darkthread-chrome-sticky-stack:not(
        :has(#darkthread-status-bar.dt-chrome-presence-bar:not(:has([data-darkthread-presence-message][hidden])))
    )
    #darkthread-chrome-subbars.darkthread-chrome-subbars,
body.darkthread-board-list-v2-theme-light
    #darkthread-chrome-sticky-stack:not(
        :has(#darkthread-status-bar.dt-chrome-presence-bar:not(:has([data-darkthread-presence-message][hidden])))
    )
    #darkthread-chrome-subbars.darkthread-chrome-subbars,
body.darkthread-board-list-v2-page:has(#dtV2ThemeLight:checked)
    #darkthread-chrome-sticky-stack:not(
        :has(#darkthread-status-bar.dt-chrome-presence-bar:not(:has([data-darkthread-presence-message][hidden])))
    )
    #darkthread-chrome-subbars.darkthread-chrome-subbars {
    background: rgba(255, 255, 255, 0.16) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.38),
        inset 0 -1px 0 rgba(100, 116, 139, 0.14) !important;
    backdrop-filter: blur(16px) saturate(112%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(112%) !important;
}

html.darkthread-board-list-v2-theme-light
    #darkthread-chrome-sticky-stack
    > #darkthread-status-bar.dt-chrome-presence-bar:not(:has([data-darkthread-presence-message][hidden])),
body.darkthread-board-list-v2-theme-light
    #darkthread-chrome-sticky-stack
    > #darkthread-status-bar.dt-chrome-presence-bar:not(:has([data-darkthread-presence-message][hidden])),
body.darkthread-board-list-v2-page:has(#dtV2ThemeLight:checked)
    #darkthread-chrome-sticky-stack
    > #darkthread-status-bar.dt-chrome-presence-bar:not(:has([data-darkthread-presence-message][hidden])) {
    --dt-presence-bg: rgba(255, 255, 255, 0.16);
}

html.darkthread-board-list-v2-theme-light
    #darkthread-status-bar.dt-chrome-presence-bar:not([data-dt-chrome-presence-dock="mobile"]):not(
        .dt-chrome-presence-bar--mobile-dock
    ):not(:has([data-darkthread-presence-message][hidden]))
    .dt-chrome-presence-bar__shell,
body.darkthread-board-list-v2-theme-light
    #darkthread-status-bar.dt-chrome-presence-bar:not([data-dt-chrome-presence-dock="mobile"]):not(
        .dt-chrome-presence-bar--mobile-dock
    ):not(:has([data-darkthread-presence-message][hidden]))
    .dt-chrome-presence-bar__shell,
body.darkthread-board-list-v2-page:has(#dtV2ThemeLight:checked)
    #darkthread-status-bar.dt-chrome-presence-bar:not([data-dt-chrome-presence-dock="mobile"]):not(
        .dt-chrome-presence-bar--mobile-dock
    ):not(:has([data-darkthread-presence-message][hidden]))
    .dt-chrome-presence-bar__shell {
    background: rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(16px) saturate(112%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(112%) !important;
}

html.darkthread-board-list-v2-theme-light
    #darkthread-chrome-sticky-stack:not(
        :has(#darkthread-status-bar.dt-chrome-presence-bar:not(:has([data-darkthread-presence-message][hidden])))
    )
    #darkthread-chrome-subbars
    #darkthread-search-bar.search-bar--v2-chrome
    .dt-v2-toolbar,
body.darkthread-board-list-v2-theme-light
    #darkthread-chrome-sticky-stack:not(
        :has(#darkthread-status-bar.dt-chrome-presence-bar:not(:has([data-darkthread-presence-message][hidden])))
    )
    #darkthread-chrome-subbars
    #darkthread-search-bar.search-bar--v2-chrome
    .dt-v2-toolbar,
body.darkthread-board-list-v2-page:has(#dtV2ThemeLight:checked)
    #darkthread-chrome-sticky-stack:not(
        :has(#darkthread-status-bar.dt-chrome-presence-bar:not(:has([data-darkthread-presence-message][hidden])))
    )
    #darkthread-chrome-subbars
    #darkthread-search-bar.search-bar--v2-chrome
    .dt-v2-toolbar {
    border-top-color: rgba(255, 255, 255, 0.48) !important;
    border-bottom-color: rgba(100, 116, 139, 0.2) !important;
    background: rgba(255, 255, 255, 0.22) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.56),
        0 12px 30px rgba(15, 23, 42, 0.045) !important;
    backdrop-filter: blur(16px) saturate(112%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(112%) !important;
}

html.darkthread-board-list-v2-theme-light #darkthread-chrome-subbars #darkthread-search-bar.search-bar--v2-chrome .dt-v2-search,
html.darkthread-board-list-v2-theme-light #darkthread-chrome-subbars #darkthread-search-bar.search-bar--v2-chrome .dt-v2-theme-toggle,
html.darkthread-board-list-v2-theme-light #darkthread-chrome-subbars #darkthread-search-bar.search-bar--v2-chrome .dt-v2-write,
body.darkthread-board-list-v2-theme-light #darkthread-chrome-subbars #darkthread-search-bar.search-bar--v2-chrome .dt-v2-search,
body.darkthread-board-list-v2-theme-light #darkthread-chrome-subbars #darkthread-search-bar.search-bar--v2-chrome .dt-v2-theme-toggle,
body.darkthread-board-list-v2-theme-light #darkthread-chrome-subbars #darkthread-search-bar.search-bar--v2-chrome .dt-v2-write {
    border-color: rgba(100, 116, 139, 0.2) !important;
    background: rgba(255, 255, 255, 0.24) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(10px) saturate(108%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(108%) !important;
}

@media (max-width: 999px) {
    body.darkthread-has-mobile-category-strip
        #darkthread-chrome-sticky-stack
        > #darkthread-status-bar.dt-chrome-presence-bar:has([data-darkthread-presence-message][hidden]) {
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }

    body.darkthread-has-mobile-category-strip
        #darkthread-chrome-sticky-stack
        > #darkthread-status-bar.dt-chrome-presence-bar:has(
            + #darkthread-chrome-subbars .category-context-strip
        ):not(:has([data-darkthread-presence-message][hidden])) {
        margin-bottom: 0;
        border-bottom: none;
    }
}

/* V2 라이트: 모바일 도크 토큰을 라이트 팔레트로 통일(페이지 간 동일) */
html.darkthread-board-list-v2-theme-light #darkthread-status-bar.dt-chrome-presence-bar,
body.darkthread-board-list-v2-theme-light #darkthread-status-bar.dt-chrome-presence-bar,
body.darkthread-board-list-v2-page:has(#dtV2ThemeLight:checked) #darkthread-status-bar.dt-chrome-presence-bar {
    --dt-presence-mobile-dock-bg: var(--dt-presence-mobile-dock-light-bg);
    --dt-presence-mobile-dock-text: var(--dt-presence-mobile-dock-light-text);
    --dt-presence-mobile-dock-count: var(--dt-presence-mobile-dock-light-count);
    --dt-presence-mobile-dock-border: var(--dt-presence-mobile-dock-light-border);
    --dt-presence-mobile-dock-shadow: var(--dt-presence-mobile-dock-light-shadow);
    --dt-presence-mobile-dock-drawer-border: var(--dt-presence-mobile-dock-light-drawer-border);
    --dt-presence-mobile-dock-drawer-shadow: var(--dt-presence-mobile-dock-light-drawer-shadow);
    --dt-presence-mobile-dock-shell-shadow: var(--dt-presence-mobile-dock-light-shell-shadow);
}

/* 모바일 하단 고정(탭 바 위): .dt-chrome-presence-bar--mobile-dock */
@media (max-width: 1079px) {
    body.darkthread-has-mobile-tab-bar
        #darkthread-status-bar.dt-chrome-presence-bar.dt-chrome-presence-bar--mobile-dock:not(
            :has([data-darkthread-presence-message][hidden])
        ),
    body.darkthread-has-mobile-tab-bar
        #darkthread-status-bar.dt-chrome-presence-bar[data-dt-chrome-presence-dock="mobile"]:not(
            :has([data-darkthread-presence-message][hidden])
        ) {
        display: block !important;
        position: fixed;
        right: 0;
        bottom: calc(var(--darkthread-mobile-tab-bar-inset, calc(4.55rem + env(safe-area-inset-bottom, 0px))) - 1.5px);
        left: 0;
        z-index: 54;
        width: 100%;
        max-width: 100vw;
        margin: 0;
        padding: 0;
        border: none;
        border-top: 1px solid var(--dt-presence-mobile-dock-border);
        border-bottom: none;
        background: var(--dt-presence-mobile-dock-bg);
        box-shadow: var(--dt-presence-mobile-dock-shadow);
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        --dt-presence-text: var(--dt-presence-mobile-dock-text);
        --dt-presence-count: var(--dt-presence-mobile-dock-count);
        --dt-presence-border: var(--dt-presence-mobile-dock-border);
        --dt-presence-drawer-separator: var(--dt-presence-mobile-dock-drawer-border);
        --dt-presence-drawer-shadow: var(--dt-presence-mobile-dock-drawer-shadow);
        --dt-presence-bg: var(--dt-presence-mobile-dock-bg);
        color: var(--dt-presence-mobile-dock-text);
    }

    body.darkthread-has-mobile-tab-bar
        #darkthread-status-bar.dt-chrome-presence-bar.dt-chrome-presence-bar--mobile-dock:not(
            :has([data-darkthread-presence-message][hidden])
        )
        .dt-chrome-presence-bar__shell,
    body.darkthread-has-mobile-tab-bar
        #darkthread-status-bar.dt-chrome-presence-bar[data-dt-chrome-presence-dock="mobile"]:not(
            :has([data-darkthread-presence-message][hidden])
        )
        .dt-chrome-presence-bar__shell {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        border: none;
        border-bottom: none;
        background: var(--dt-presence-mobile-dock-bg) !important;
        color: var(--dt-presence-mobile-dock-text) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: var(--dt-presence-mobile-dock-shell-shadow) !important;
    }

    body.darkthread-has-mobile-tab-bar
        #darkthread-status-bar.dt-chrome-presence-bar.dt-chrome-presence-bar--mobile-dock:not(
            :has([data-darkthread-presence-message][hidden])
        )
        .dt-chrome-presence-bar__text,
    body.darkthread-has-mobile-tab-bar
        #darkthread-status-bar.dt-chrome-presence-bar[data-dt-chrome-presence-dock="mobile"]:not(
            :has([data-darkthread-presence-message][hidden])
        )
        .dt-chrome-presence-bar__text {
        color: var(--dt-presence-mobile-dock-text) !important;
        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
        font-size: clamp(0.84rem, 1.05vw, 0.95rem) !important;
        font-weight: 500 !important;
        line-height: 1.42 !important;
        margin-bottom: 0 !important;
        text-align: center !important;
    }

    body.darkthread-has-mobile-tab-bar
        #darkthread-status-bar.dt-chrome-presence-bar.dt-chrome-presence-bar--mobile-dock:not(
            :has([data-darkthread-presence-message][hidden])
        )
        :is([data-darkthread-presence-count], .dt-chrome-presence-bar__count),
    body.darkthread-has-mobile-tab-bar
        #darkthread-status-bar.dt-chrome-presence-bar[data-dt-chrome-presence-dock="mobile"]:not(
            :has([data-darkthread-presence-message][hidden])
        )
        :is([data-darkthread-presence-count], .dt-chrome-presence-bar__count) {
        color: var(--dt-presence-mobile-dock-count) !important;
    }

    body.darkthread-has-mobile-tab-bar.darkthread-notification-open
        #darkthread-status-bar.dt-chrome-presence-bar.dt-chrome-presence-bar--mobile-dock:not(
            :has([data-darkthread-presence-message][hidden])
        ),
    body.darkthread-has-mobile-tab-bar.darkthread-profile-open
        #darkthread-status-bar.dt-chrome-presence-bar.dt-chrome-presence-bar--mobile-dock:not(
            :has([data-darkthread-presence-message][hidden])
        ),
    body.darkthread-has-mobile-tab-bar.darkthread-settings-open
        #darkthread-status-bar.dt-chrome-presence-bar.dt-chrome-presence-bar--mobile-dock:not(
            :has([data-darkthread-presence-message][hidden])
        ),
    body.darkthread-has-mobile-tab-bar.darkthread-nav-drawer-open
        #darkthread-status-bar.dt-chrome-presence-bar.dt-chrome-presence-bar--mobile-dock:not(
            :has([data-darkthread-presence-message][hidden])
        ),
    body.darkthread-has-mobile-tab-bar:has(.is-category-panel-open)
        #darkthread-status-bar.dt-chrome-presence-bar.dt-chrome-presence-bar--mobile-dock:not(
            :has([data-darkthread-presence-message][hidden])
        ),
    body.darkthread-has-mobile-tab-bar.darkthread-notification-open
        #darkthread-status-bar.dt-chrome-presence-bar[data-dt-chrome-presence-dock="mobile"]:not(
            :has([data-darkthread-presence-message][hidden])
        ),
    body.darkthread-has-mobile-tab-bar.darkthread-profile-open
        #darkthread-status-bar.dt-chrome-presence-bar[data-dt-chrome-presence-dock="mobile"]:not(
            :has([data-darkthread-presence-message][hidden])
        ),
    body.darkthread-has-mobile-tab-bar.darkthread-settings-open
        #darkthread-status-bar.dt-chrome-presence-bar[data-dt-chrome-presence-dock="mobile"]:not(
            :has([data-darkthread-presence-message][hidden])
        ),
    body.darkthread-has-mobile-tab-bar.darkthread-nav-drawer-open
        #darkthread-status-bar.dt-chrome-presence-bar[data-dt-chrome-presence-dock="mobile"]:not(
            :has([data-darkthread-presence-message][hidden])
        ),
    body.darkthread-has-mobile-tab-bar:has(.is-category-panel-open)
        #darkthread-status-bar.dt-chrome-presence-bar[data-dt-chrome-presence-dock="mobile"]:not(
            :has([data-darkthread-presence-message][hidden])
        ) {
        border-top-color: var(--dt-presence-mobile-dock-drawer-border);
        box-shadow: var(--dt-presence-mobile-dock-drawer-shadow);
    }
}