.admin-page {
    --admin-line: rgba(255, 255, 255, 0.12);
}

.admin-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin: 0 0 1rem;
}

.admin-nav a,
.admin-search button {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0.7rem;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-button);
    color: var(--text-soft);
    background: rgba(255, 255, 255, 0.05);
    font-weight: 700;
}

.admin-nav a:hover {
    border-color: var(--border-blue);
    color: var(--text-main);
}

.admin-search {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.admin-search input,
.inline-review input {
    min-height: 38px;
    color: var(--text-main);
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-input);
    padding: 0.55rem 0.7rem;
}

.admin-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid var(--admin-line);
}

.admin-row:last-child {
    border-bottom: 0;
}

.admin-row p {
    margin: 0.25rem 0;
    color: var(--text-soft);
}

.admin-row span {
    color: var(--text-muted);
    font-size: 0.9rem;
}

.is-read {
    opacity: 0.68;
}

.compact-form {
    margin-bottom: 1rem;
}

.inline-review {
    display: grid;
    grid-template-columns: 70px minmax(160px, 1fr) auto;
    gap: 0.4rem;
    margin-top: 0.5rem;
}

.status-active,
.status-paid,
.status-visible {
    background: rgba(34, 197, 94, 0.22);
}

.status-inactive,
.status-hidden,
.status-suspended,
.status-failed {
    background: rgba(239, 68, 68, 0.24);
}

.status-refunded,
.status-reviewed,
.status-dismissed {
    background: rgba(148, 163, 184, 0.22);
}

@media (max-width: 720px) {
    .admin-search,
    .inline-review {
        grid-template-columns: 1fr;
    }

    .admin-row {
        align-items: flex-start;
        flex-direction: column;
    }
}