/*
 * AI Agent Commerce - Admin Stylesheet
 *
 * Table of Contents
 * 1. Layout
 * 2. Cards
 * 3. Quick Links and Lists
 * 4. Utility Classes
 * 5. Status Badges
 * 6. Responsive
 */

/* 1. Layout */
.aiac-wrap .aiac-grid {
    display: grid;
    gap: 16px;
}

.aiac-wrap .aiac-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 16px 0;
}

.aiac-wrap .aiac-main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 16px;
}

/* 2. Cards */
.aiac-wrap .aiac-card {
    background: #fff;
    border: 1px solid #dcdcde;
    border-radius: 8px;
    padding: 16px;
}

.aiac-wrap .aiac-card h2,
.aiac-wrap .aiac-card h3 {
    margin-top: 0;
}

.aiac-wrap .aiac-card-full {
    grid-column: 1 / -1;
}

/* 3. Quick Links and Lists */
.aiac-wrap .aiac-quick-links {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.aiac-wrap .aiac-quick-links .button {
    margin: 0;
}

.aiac-wrap .aiac-agent-list {
    margin: 0;
}

.aiac-wrap .aiac-agent-list li {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 8px 0;
}

/* 4. Utility Classes */
.aiac-wrap .aiac-nav-tabs {
    margin-bottom: 16px;
}

.aiac-wrap .aiac-filter-form {
    margin-bottom: 12px;
}

.aiac-wrap .aiac-inline-form {
    display: inline-block;
}

.aiac-wrap .aiac-inline-form-gap {
    margin-right: 12px;
}

.aiac-wrap .aiac-inline-form-gap-sm {
    margin-right: 8px;
}

/* 5. Status Badges */
.aiac-wrap .aiac-status {
    border-radius: 999px;
    font-size: 11px;
    line-height: 1;
    padding: 4px 8px;
    text-transform: uppercase;
}

.aiac-wrap .aiac-status-active {
    background: #e7f9ed;
    color: #0a7a31;
}

.aiac-wrap .aiac-status-revoked {
    background: #fce8e6;
    color: #a72323;
}

/* 6. Responsive */
@media (max-width: 1200px) {
    .aiac-wrap .aiac-kpis,
    .aiac-wrap .aiac-main {
        grid-template-columns: 1fr;
    }
}