/* asset-jobs custom styles, layered on top of Pico CSS. */

/* ---- Top nav ---- */
nav ul {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
}
nav ul li.right {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-left: auto;
}
nav .user-email {
    font-size: 0.9em;
}
nav .logout-form {
    margin: 0;
    display: inline-flex;
}
nav .logout-btn {
    width: auto;
    margin: 0;
    padding: 0.3rem 0.45rem;
    display: inline-flex;
    align-items: center;
    line-height: 1;
    border: none;
    background: transparent;
    color: var(--pico-muted-color);
}
nav .logout-btn:hover {
    color: var(--pico-color);
    background: var(--pico-secondary-background);
}
nav .logout-btn svg {
    width: 18px;
    height: 18px;
    display: block;
}

/* ---- Utility ---- */
.muted {
    color: var(--pico-muted-color);
}

/* ---- Status badges ---- */
.badge {
    display: inline-block;
    padding: 0.1rem 0.5rem;
    border-radius: 0.5rem;
    font-size: 0.85em;
    font-weight: 600;
}
.badge-running   { background: var(--pico-secondary); color: white; }
.badge-succeeded { background: #2e7d32; color: white; }
.badge-partial   { background: #ed6c02; color: white; }
.badge-failed    { background: #c62828; color: white; }

/* ---- Filter bar ---- */
.filters-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    align-items: end;
}
.filters-row > div {
    margin: 0;
}
.filters-row label {
    display: block;
    font-size: 0.85em;
    margin-bottom: 0.1rem;
}
.filters-row select,
.filters-row input {
    margin: 0;
}
.filters-row button,
.filters-row [role="button"] {
    width: auto;
    margin: 0;
}

/* ---- Compact tables ---- */
table.compact td,
table.compact th {
    padding: 0.4rem 0.6rem;
}
table.compact .actions {
    white-space: nowrap;
    text-align: right;
}
table.compact .actions form {
    display: inline;
    margin: 0;
}
table.compact .actions .btn-inline {
    width: auto;
    margin: 0;
    padding: 0.15rem 0.7rem;
    font-size: 0.85em;
}

/* ---- Error blocks ---- */
details.error pre {
    background: var(--pico-card-background-color);
    padding: 0.5rem;
    font-size: 0.85em;
    white-space: pre-wrap;
    word-break: break-word;
}