.aisle-label {
  font-size: 0.9em;
  color: #8c7b6b;
  font-style: italic;
}

body {
  background: repeating-linear-gradient(135deg, #f7f3ea 0px, #f7f3ea 40px, #f3e9d2 41px, #f3e9d2 80px);
  min-height: 100vh;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

#stores .store-card {
  min-width: 200px;
}




.notebook-card {
  background: #fffefb;
  border: 2px solid #e2d6c2;
  max-width: 600px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.08);
}

.notebook-title {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 2.5rem;
  color: #7c5e3c;
  letter-spacing: 1px;
}

.notebook-heading {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  color: #a67c52;
}

#stores .store-card {
  min-width: 200px;
}

.store-icon {
  font-size: 2rem;
  margin-right: 0.5rem;
}

.notebook-list {
  border-radius: 12px;
  border: 1px solid #e2d6c2;
  background: repeating-linear-gradient(
    to bottom,
    #fffefb 0px,
    #fffefb 38px,
    #f3e9d2 39px,
    #fffefb 40px
  );
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

 #itemsList li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: grab;
  border-bottom: 1px dashed #e2d6c2;
  background: transparent;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 1.15rem;
}

#itemsList li:last-child {
  border-bottom: none;
}

#itemsList .remove-item {
  color: #dc3545;
  cursor: pointer;
  font-size: 1.3rem;
}

.drag-handle {
  cursor: grab;
  margin-right: 0.75rem;
  font-size: 1.3rem;
  user-select: none;
  color: #a67c52;
}

input, .form-control {
  border-radius: 8px !important;
  border: 1px solid #e2d6c2 !important;
}

button, .btn {
  border-radius: 8px !important;
}