/* Keep current content visible while a public advert list loads. */
[data-dtf-advert-browser] { position: relative; min-width: 0; overflow-anchor: none; }
[data-dtf-advert-browser] .dtf-advert-browser-title { margin: 0 0 22px; color: #162345; font-size: clamp(24px, 3vw, 32px); line-height: 1.3; font-weight: 700; }
[data-dtf-advert-browser].is-dtf-browse-pending::before {
    content: "";
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    top: 0;
    height: 3px;
    border-radius: 3px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent 0, #385dff 45%, #8aa2ff 55%, transparent 100%);
    background-size: 200% 100%;
    animation: dtf-advert-browse-progress 1.1s linear infinite;
}
.dtf-advert-browse-notice {
    position: sticky;
    top: calc(var(--bb-header-height, 76px) + 12px);
    z-index: 15;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 14px;
    min-height: 0;
    margin: 0;
    padding: 0;
    height: 0;
    overflow: visible;
    color: #162345;
    font: inherit;
    font-size: 13px;
    line-height: 1.45;
}
.dtf-advert-browse-notice[hidden], .dtf-advert-browse-notice-actions[hidden] { display: none !important; }
.dtf-advert-browse-notice > [role="status"] {
    border: 1px solid #e0e6f0;
    border-radius: 9px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 4px 16px rgba(22, 35, 69, .08);
    padding: 8px 12px;
}
.dtf-advert-browse-notice-actions { display: inline-flex; align-items: center; gap: 8px; }
.dtf-advert-browse-notice-actions button, .dtf-advert-browse-notice-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d7e0f3;
    border-radius: 8px;
    min-height: 34px;
    margin: 0;
    padding: 6px 10px;
    background: #fff;
    color: #385dff;
    font: inherit;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}
.dtf-advert-browse-notice-actions button:hover, .dtf-advert-browse-notice-actions a:hover {
    background: #edf3ff;
    color: #244be6;
    border-color: #385dff;
}
.dtf-advert-browse-notice-actions button:focus-visible, .dtf-advert-browse-notice-actions a:focus-visible {
    outline: 2px solid #385dff;
    outline-offset: 3px;
}
@keyframes dtf-advert-browse-progress { from { background-position: 100% 0; } to { background-position: -100% 0; } }
@media (prefers-reduced-motion: reduce) { [data-dtf-advert-browser].is-dtf-browse-pending::before { animation: none; background-size: 100% 100%; } }