body       { font-family: system-ui, sans-serif; margin: 2rem; }
h1         { margin-bottom: 1rem; }

.add-form  { margin-bottom: 2rem; }
.add-form fieldset { border: 1px solid #aaa; padding: .5rem 1rem; }
.add-form label   { margin-right: 1rem; }

.search-box { margin-bottom: 1rem; }
#search     { padding: .4rem .6rem; width: 220px; }

.table-wrapper { max-height: 70vh; overflow-y: auto; }

table      { border-collapse: collapse; width: 100%; }
th, td     { border: 1px solid #bbb; padding: .4rem .6rem; text-align: left; }
th         { background: #def; }
thead th   { position: sticky; top: 0; background: #def; z-index: 2; }

tr.in-warranty      { background: #e6ffed; }
tr.out-of-warranty  { background: #ffeaea; }