/* Group status cells */
.status-ready {
    color: #166534;
    font-weight: 600;
}

.status-pending {
    color: #854d0e;
    background-color: #fefce8 !important;
}

.status-error {
    color: #991b1b;
    background-color: #fef2f2 !important;
    font-weight: 600;
}

/* Deployment result rows */
.successRow {
    background: #f0fdf4 !important;
}

.successRow td {
    color: #166534;
    border-top-color: #bbf7d0;
}

.failedRow {
    background: #fef2f2 !important;
}

.failedRow td {
    color: #991b1b;
    border-top-color: #fecaca;
}

/* Footnotes */
.footnote {
    margin: 0 0 0.5rem 1.7rem;
    font-size: small;
    color: #333;
}

/* Confirmation popup sections */
#PopUpInfo {
    background-color: #f7f7f7;
    padding: 0.4em 1em;
    border-radius: 5px;
    margin-bottom: 20px;
    border: 1px solid #d4d4d4;
}

#PopUpWarning {
    background-color: #fff3cd;
    border: 1px solid #ffeaa7;
    padding: 0.4em 1em;
    border-radius: 5px;
    margin: 10px 0;
}

#PopUpWarning p {
    margin: 0;
    color: #856404;
}

#PopUpProblem {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    padding: 0.4em 1em;
    border-radius: 5px;
    margin: 10px 0;
}

#PopUpProblem p {
    margin: 0 0 10px 0;
    color: #721c24;
}