/* Custom scrollbar for dark dashboard */
::-webkit-scrollbar {
    width: 7px;
    background: #181d27;
}

::-webkit-scrollbar-thumb {
    background: #2a3142;
    border-radius: 6px;
    border: 1px solid #23283a;
}

::-webkit-scrollbar-thumb:hover {
    background: #3a4152;
}

/* For Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #2a3142 #181d27;
}

.small-muted#param-info {
    margin-bottom: 12px;
    display: inline-block;
}

/* app/static/dashboard.css */
body {
    font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    background: #0b1220;
    color: #dbe9ff;
    margin: 0;
    padding: 20px;
}

.wrap {
    max-width: 1200px;
    margin: 0 auto;
}

header h1 {
    margin: 0 0 12px 0;
    font-size: 20px;
}

.row {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.col {
    flex: 1;
}

.card {
    background: rgba(255, 255, 255, 0.03);
    padding: 12px;
    border-radius: 10px;
    margin-bottom: 12px;
}

pre {
    color: #cfe7ff;
    background: rgba(0, 0, 0, 0.02);
    padding: 8px;
    border-radius: 6px;
    overflow: auto;
}

table {
    width: 100%;
    border-collapse: collapse;
    font-family: ui-monospace, monospace;
    font-size: 13px;
    color: #dbe9ff;
}

th,
td {
    padding: 8px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    text-align: left;
}

thead th {
    color: #bcd7ff;
    font-weight: 700;
    background: linear-gradient(180deg, rgba(14, 23, 32, 0.95), rgba(14, 23, 32, 0.9));
    position: sticky;
    top: 0;
}

.small-muted {
    color: #9aa7b8;
    font-size: 12px;
}

.status-pill {
    padding: 6px 8px;
    border-radius: 10px;
    font-size: 12px;
    display: inline-block;
}

.status-filled {
    background: rgba(60, 150, 80, 0.12);
    color: #9be89b;
}

.status-submitted {
    background: rgba(220, 180, 40, 0.06);
    color: #ffdd66;
}

.status-other {
    color: #9aa7b8;
    background: transparent;
}

.feed {
    max-height: 600px;
    overflow: auto;
    padding-right: 8px;
}

.feed-entry {
    background: rgba(255, 255, 255, 0.01);
    margin: 8px 0;
    padding: 8px;
    border-radius: 6px;
}

.muted {
    color: #9aa7b8;
}

.center {
    text-align: center;
}