.fields-header {
		font-size: 0.85em;
		font-weight: 600;
		color: #4a5568;
		margin-bottom: 10px;
		text-transform: uppercase;
		letter-spacing: 0.5px;
}

.register-fields {
		margin-top: 15px;
		padding: 15px;
		background: white;
		border: 1px solid #e2e8f0;
		border-radius: 6px;
}

.fields {
	height: calc(100vh - 400px);
	overflow-y: auto;
}

.field {
	display: grid;
	grid-template-columns: 80px 200px;
	gap: 15px;
	padding: 10px;
	border-bottom: 1px solid #f7fafc;
	align-items: start;
}

.field-bits {
	font-family: 'Courier New', monospace;
	font-weight: 600;
	color: #667eea;
	font-size: 0.9em;
}

.field-name {
	font-family: 'Courier New', monospace;
	font-weight: 600;
	color: #2d3748;
	font-size: 0.9em;
}

.field-desc {
	color: #4a5568;
	font-size: 0.85em;
	margin-left: 80px;
	white-space: normal;
}

.field-access {
	display: inline-block;
	padding: 2px 8px;
	background: #e6fffa;
	color: #047857;
	border-radius: 4px;
	font-size: 0.75em;
	font-weight: 600;
	margin-left: 8px;
}

.field-access.ro {
	background: #fef3c7;
	color: #92400e;
}

.field-access.wo {
	background: #dbeafe;
	color: #1e40af;
}

.register-diagram {
		margin: 15px 0;
		overflow-x: auto;
}

/* Field diagram */
.bit-field-table {
		width: 100%;
		border-collapse: collapse;
		font-family: 'Courier New', monospace;
		font-size: 0.85em;
		min-width: 600px;
}

.bit-numbers {
		background: #2d3748;
		color: white;
		text-align: center;
		font-weight: 600;
}

.bit-numbers td {
		padding: 6px 4px;
		border: 1px solid #1a202c;
		font-size: 0.75em;
}

.bit-fields td {
		padding: 20px 8px;
		border: 2px solid #2d3748;
		text-align: center;
		background: #edf2f7;
		font-weight: 600;
		position: relative;
}

.bit-fields td.reserved {
		background: #f7fafc;
		color: #a0aec0;
		font-style: italic;
}

.bit-fields td.rw {
		background: #e6fffa;
}

.bit-fields td.ro {
		background: #fef3c7;
}

.bit-fields td.wo {
		background: #dbeafe;
}

.reset-values td {
		padding: 6px 4px;
		border: 1px solid #cbd5e0;
		text-align: center;
		background: #f7fafc;
		color: #718096;
		font-size: 0.75em;
}

.field-enums {
    margin-top: 8px;
    padding-left: 0;
}

.enum-item {
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 10px;
    padding: 6px 10px;
    background: #f7fafc;
   	margin-left: 80px;
    border-left: 3px solid #cbd5e0;
    margin-bottom: 4px;
    font-size: 0.85em;
}

.enum-item:hover {
    background: #edf2f7;
    border-left-color: #667eea;
}

.enum-value {
    font-family: 'Courier New', monospace;
    font-weight: 600;
    color: #667eea;
}

.enum-desc {
    color: #4a5568;
}

.field-with-enums {
    padding-bottom: 5px;
}