table { max-width: 900px; margin: 20px; }
th, td { padding: 6px 12px; font-size: 13px; border-bottom: 1px solid #333; }
th { color: #888; }
td { color: #ccc; }
tr:nth-child(even) td { background: #181818; }
.actions { white-space: nowrap; }
.actions button { background: none; border: none; cursor: pointer; font-size: 12px; font-family: inherit; padding: 2px 6px; }
.actions .edit-btn { color: #4af; }
.actions .delete-btn { color: #c66; }
.actions button:hover { text-decoration: underline; }

.section { max-width: 900px; margin: 20px; padding: 12px 16px; background: #1a1a1a; border: 1px solid #333; border-radius: 6px; }
.section h2 { font-size: 13px; font-weight: 600; margin-bottom: 10px; color: #aaa; }
.section .row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.section input { padding: 5px 8px; font-size: 13px; }
.section input[name="manufacturer"] { width: 200px; }
.section input[name="model"] { width: 200px; }
.section input[name="year"] { width: 80px; }
.section button { font-size: 13px; }
.cancel { background: none !important; border: none !important; color: #888 !important; cursor: pointer; font-size: 12px; margin-left: 8px; }
.cancel:hover { color: #ccc !important; }


.aliases { margin-top: 8px; }
.alias { display: inline-flex; align-items: center; gap: 4px; background: #252525; border: 1px solid #444; border-radius: 3px; padding: 2px 8px; margin: 2px 4px 2px 0; font-size: 12px; color: #ccc; }
.alias .remove { color: #c66; cursor: pointer; font-size: 14px; border: none; background: none; padding: 0 2px; }
.alias .remove:hover { color: #f88; }
.alias-add { display: inline-flex; gap: 6px; align-items: center; margin-top: 6px; }
.alias-add input { width: 200px; padding: 3px 6px; font-size: 12px; }
.alias-add button { padding: 3px 10px; font-size: 12px; }