@use "var";
@use "color";

#admin {
	margin: 1em;
	
	table {
		margin-bottom: 1em;
		border-collapse: collapse;
		border-radius: var.$block-radius;
		overflow: hidden;

		tr {
			th {
				background: color.$default-inv-bg;
				color: color.$default-inv;
				padding: var.$text-spacing var.$elem-spacing;
			}
			td {
				background: color.$default-bg-light;
				text-align: center;
				padding: var.$text-spacing var.$elem-spacing;
				
				input {
					&[type="number"] {
						width: 50px;
					}
					&[name="ref_feed_id"] {
						width: 300px;
					}
				}
			
				button {
					color: color.$default;
					background: none;
					&:hover {
						color: color.$default-hover;
					}
				}
			}
		}
	}
}