.top-actions { display: flex; align-items: center; gap: 10px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.form-grid.three { grid-template-columns: repeat(3, 1fr); }
.form-grid.four { grid-template-columns: repeat(4, 1fr); }
.form-grid.two { grid-template-columns: repeat(2, 1fr); }
.form-grid.product-details { grid-template-columns: repeat(5, 1fr); }
.product-entry { display: grid; gap: 13px; margin: 0 0 16px; padding: 15px; border: 1px solid var(--line); }
.product-entry legend { padding: 0 6px; color: var(--navy); font-size: 12px; font-weight: 800; }
.sale-item { position: relative; margin-bottom: 12px; padding: 4px 34px 4px 0; }
.remove-sale-item { position: absolute; top: 0; right: 0; width: 27px; height: 27px; border: 1px solid #d7a4a4; border-radius: 50%; background: #fff7f7; color: #9a3030; font-size: 20px; line-height: 20px; }
.form textarea { width: 100%; margin-top: 6px; padding: 12px; border: 1px solid #cdd4cf; border-radius: 4px; font: inherit; resize: vertical; }
.history-modal { width: min(96vw, 1180px); max-height: 88vh; overflow: auto; }
.sidebar-brand { display: grid; place-items: center; min-height: 92px; padding: 6px; border-radius: 8px; background: #fff; }
.sidebar-logo { display: block; width: 164px; max-height: 80px; object-fit: contain; }
.user-pill { border: 1px solid var(--line); cursor: pointer; }
#product-rows { max-height: 55vh; overflow: auto; padding-right: 5px; }
.table-wrap { margin-top: 18px; overflow-x: auto; }
.product-table { width: 100%; border-collapse: collapse; min-width: 640px; }
.product-table th, .product-table td { padding: 13px 10px; border-bottom: 1px solid var(--line); text-align: left; white-space: nowrap; }
.product-table th { color: var(--muted); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.product-table td:first-child { color: var(--navy); font-weight: 750; }
@media (max-width: 720px) { .form-grid.product-details, .form-grid.four { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 500px) { .top-actions { align-items: stretch; flex-direction: column-reverse; } .form-grid, .form-grid.three, .form-grid.two, .form-grid.four, .form-grid.product-details { grid-template-columns: 1fr; } }