/* _content/Wit.Client.Ui/Components/PodSummaryCard.razor.rz.scp.css */
/* RCL scoped CSS for PodSummaryCard. Proves the styling wiring: the consuming
   app must link _content/Wit.Client.Ui/Wit.Client.Ui.styles.css (see the W1 LLD). */

.pod-summary[b-eyxd8tv4i1] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    border: 1px solid rgba(19, 25, 38, 0.12);
    border-radius: 12px;
    background: #ffffff;
}

.pod-summary-title[b-eyxd8tv4i1] {
    font-size: 18px;
    font-weight: 600;
}

.pod-summary-subtitle[b-eyxd8tv4i1] {
    margin-left: 8px;
    color: #5b6472;
    font-size: 12px;
}

.pod-summary-list[b-eyxd8tv4i1] {
    display: grid;
    gap: 4px;
    margin: 0;
}

.pod-summary-row[b-eyxd8tv4i1] {
    display: flex;
    gap: 8px;
}

.pod-summary-row dt[b-eyxd8tv4i1] {
    min-width: 140px;
    color: #5b6472;
}

.pod-summary-row dd[b-eyxd8tv4i1] {
    margin: 0;
    font-weight: 600;
}

.pod-summary-table[b-eyxd8tv4i1] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.pod-summary-table th[b-eyxd8tv4i1],
.pod-summary-table td[b-eyxd8tv4i1] {
    text-align: left;
    padding: 4px 8px;
    border-bottom: 1px solid rgba(19, 25, 38, 0.08);
}