.wk-mobile-bottom-nav,
.activity-center {
    --mobile-shell-surface: rgba(25, 20, 19, 0.97);
    --mobile-shell-line: rgba(212, 175, 55, 0.28);
}

.wk-mobile-bottom-nav { display: none; }

.activity-center {
    background: transparent;
    border: 0;
    color: var(--text);
    height: 100%;
    margin: 0 0 0 auto;
    max-height: none;
    max-width: min(430px, 100%);
    padding: 0;
    width: 100%;
}

.activity-center::backdrop { background: rgba(0, 0, 0, 0.66); }

.activity-center__surface {
    background: var(--bg-darker);
    border-left: 1px solid var(--mobile-shell-line);
    box-shadow: -18px 0 45px rgba(0, 0, 0, 0.34);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.activity-center__header {
    align-items: flex-start;
    border-bottom: 1px solid var(--mobile-shell-line);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.2rem;
}

.activity-center__eyebrow {
    color: var(--gold-strong);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .12em;
    margin: 0 0 .25rem;
    text-transform: uppercase;
}

.activity-center__header h2 { font-size: 1.35rem; margin: 0; }
.activity-center__header p:last-child { color: var(--muted); margin: .3rem 0 0; }

.activity-center__close,
.activity-center__refresh {
    align-items: center;
    background: transparent;
    border: 1px solid var(--mobile-shell-line);
    color: var(--text);
    display: inline-flex;
    justify-content: center;
    min-height: 44px;
}

.activity-center__close { border-radius: 50%; flex: 0 0 44px; font-size: 1.5rem; }
.activity-center__refresh { border-radius: .65rem; gap: .45rem; padding: .55rem .8rem; }
.activity-center__refresh[aria-busy="true"] { opacity: .6; }

.activity-center__toolbar {
    align-items: center;
    border-bottom: 1px solid rgba(212, 175, 55, .16);
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    padding: .8rem 1.2rem;
}

.activity-center__list { display: grid; gap: .75rem; overflow-y: auto; padding: 1rem 1.2rem 2rem; }
.activity-center__list.is-loading { opacity: .55; }
.activity-center__empty { color: var(--muted); padding: 2rem .5rem; text-align: center; }
.activity-center__empty--error { color: #ff8f8f; }

.activity-job {
    background: var(--surface);
    border: 1px solid rgba(212, 175, 55, .2);
    border-radius: .85rem;
    padding: .85rem;
}

.activity-job__header,
.activity-job__meta { align-items: center; display: flex; gap: .65rem; justify-content: space-between; }
.activity-job__header strong { font-size: .92rem; }
.activity-job__status { color: var(--gold-strong); font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.activity-job--failed .activity-job__status { color: #ff7777; }
.activity-job--completed .activity-job__status { color: #63ce8c; }

.activity-job__progress { background: rgba(255,255,255,.1); border-radius: 999px; height: 6px; margin: .7rem 0; overflow: hidden; }
.activity-job__progress > span { background: var(--gold); border-radius: inherit; display: block; height: 100%; transition: width .25s ease; }
.activity-job__meta { color: var(--muted); font-size: .74rem; }
.activity-job__meta a { color: var(--gold-strong); margin-left: auto; }
.activity-job__error { color: #ff9a9a; font-size: .76rem; margin: .65rem 0 0; overflow-wrap: anywhere; }

.wk-activity-button { position: relative; }
.wk-activity-badge {
    align-items: center;
    background: #d7ac28;
    border: 2px solid var(--bg-darker);
    border-radius: 999px;
    color: #17110d;
    display: inline-flex;
    font-size: .62rem;
    font-weight: 900;
    height: 18px;
    justify-content: center;
    min-width: 18px;
    padding: 0 3px;
}

@media (max-width: 767.98px) {
    body { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }

    .wk-mobile-bottom-nav {
        align-items: stretch;
        background: var(--mobile-shell-surface);
        border-top: 1px solid var(--mobile-shell-line);
        bottom: 0;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        left: 0;
        padding: .35rem max(.25rem, env(safe-area-inset-right)) calc(.3rem + env(safe-area-inset-bottom)) max(.25rem, env(safe-area-inset-left));
        position: fixed;
        right: 0;
        z-index: 1040;
    }

    .wk-mobile-bottom-nav a,
    .wk-mobile-bottom-nav button {
        align-items: center;
        background: transparent;
        border: 0;
        border-radius: .65rem;
        color: var(--muted);
        display: flex;
        flex-direction: column;
        font-size: .67rem;
        font-weight: 700;
        gap: .12rem;
        justify-content: center;
        min-height: 52px;
        min-width: 0;
        padding: .25rem .1rem;
        position: relative;
        text-decoration: none;
    }

    .wk-mobile-bottom-nav .wk-nav-icon { height: 22px; width: 22px; }
    .wk-mobile-bottom-nav .active { background: rgba(212,175,55,.12); color: var(--gold-strong); }
    .wk-mobile-bottom-nav .wk-activity-badge { position: absolute; right: calc(50% - 24px); top: 1px; }
    .action-feedback-region { bottom: calc(82px + env(safe-area-inset-bottom)); }
}

@media (max-width: 360px) {
    .wk-mobile-bottom-nav a,
    .wk-mobile-bottom-nav button { font-size: .6rem; }
}

@media (prefers-reduced-motion: reduce) {
    .activity-job__progress > span { transition: none; }
}