/* Settings/admin feature styles. Split out of theme.css; loaded via index.html.
 * Shared tokens/UI-kit/layout (incl. the generic .table) live in theme.css. */

/* Settings: per-customer permissions table */
.permissions-table-wrap {
 display: block;
 overflow-x: auto;
 max-width: 100%;
 min-width: 0;
 contain: inline-size;
}

.permissions-table-wrap .table {
 min-width: 960px;
}

.permissions-table-wrap th:not(:first-child),
.permissions-table-wrap td:not(:first-child) {
 text-align: center;
}

.permissions-table-wrap th:nth-child(2),
.permissions-table-wrap td:nth-child(2) {
 text-align: left;
}

/* Settings: integration associations editor */
.association-actions {
 display: flex;
 flex-direction: column;
 gap: 8px;
 align-items: stretch;
}

.association-action-row {
 display: flex;
 align-items: center;
 gap: 10px;
 min-width: 0;
}

.association-status {
 min-width: 0;
 font-size: 13px;
 line-height: 1.35;
 overflow-wrap: anywhere;
}

.association-status.warning {
 color: #d97706;
}

.association-diff {
 display: flex;
 flex-direction: column;
 gap: 6px;
 padding: 10px 0;
 border-bottom: 1px solid var(--border);
}

.association-diff:last-child {
 border-bottom: 0;
}

.association-diff-label {
 font-weight: 600;
}

.permission-yes,
.permission-no {
 font-weight: 700;
 font-size: 16px;
}

.permission-yes {
 color: #16a34a;
}

.permission-no {
 color: var(--muted-foreground);
}