:root {
    --fd0-sidebar-width: 15rem;
}

.fd0-logo {
    font-weight: 800;
    letter-spacing: .08em;
}

.fd0-empty {
    padding: 3rem 1rem;
    text-align: center;
    color: var(--tblr-secondary);
}

.fd0-stat-number {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
}

.fd0-screenshot {
    width: 100%;
    max-height: 25rem;
    object-fit: contain;
    border: 1px solid var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
    background: var(--tblr-bg-surface-secondary);
}

.fd0-log {
    max-height: 24rem;
    overflow: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.fd0-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.fd0-mockup-image {
    width: 8rem;
    height: 5rem;
    object-fit: cover;
    border-radius: var(--tblr-border-radius);
    background: var(--tblr-bg-surface-secondary);
}

.fd0-commit {
    font-family: var(--tblr-font-monospace);
    font-size: .8125rem;
    overflow-wrap: normal;
    white-space: nowrap;
    word-break: normal;
}

.fd0-release {
    font-family: var(--tblr-font-monospace);
    font-size: .8125rem;
    overflow-wrap: normal;
    word-break: normal;
}

.fd0-version-chain {
    align-items: center;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
}

.fd0-version-chain--two {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
}

.fd0-version-stage {
    min-width: 0;
}

.fd0-version-arrow {
    color: var(--tblr-secondary);
    font-size: 1.5rem;
}
.manual-task-panel[open] > summary {
    color: var(--tblr-primary);
    background: var(--tblr-primary-lt);
    font-weight: 700;
}

.fd0-session-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.fd0-session-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .5rem 1rem;
    padding: 1rem;
    border-inline-start: 3px solid transparent;
}

.fd0-session-item + .fd0-session-item {
    border-top: 1px solid var(--tblr-border-color);
}

.fd0-session-item--running {
    border-inline-start-color: var(--tblr-primary);
    background: var(--tblr-primary-lt);
}

.fd0-session-main {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    min-width: 0;
}

.fd0-session-prompt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    max-width: 420px;
    min-width: 0;
    max-height: 2.8em;
    line-height: 1.4;
    overflow: hidden;
    overflow-wrap: anywhere;
}

.fd0-session-meta {
    grid-column: 1;
    display: flex;
    flex-wrap: wrap;
    gap: .25rem 1rem;
    font-size: .8125rem;
}

.fd0-session-meta > span {
    white-space: nowrap;
}

.fd0-session-actions {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    display: flex;
    flex-wrap: wrap;
    gap: .375rem;
}

@media (max-width: 1399.98px) {
    .fd0-session-item {
        grid-template-columns: minmax(0, 1fr);
    }

    .fd0-session-actions {
        grid-column: 1;
        grid-row: auto;
    }
}

@media (max-width: 575.98px) {
    .fd0-session-main {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: .5rem;
    }

    .fd0-session-main > .badge {
        justify-self: start;
    }

    .fd0-session-prompt {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .fd0-session-duration {
        grid-column: 3;
        grid-row: 1;
    }
}