/* Frontend */
.bom-customer-box { border:1px solid #e0e0e0; padding:16px; margin:16px 0; background:#fafafa; }
.bom-cars { list-style:disc; margin-left:20px; }
.bom-jdate { direction:ltr; }
.bom-money { direction:ltr; text-align:left; }
.bom-card { display:flex; flex-wrap:wrap; gap:10px; align-items:flex-end; border:1px solid #d0d0d0; background:#eeeeee; border-radius:8px; padding:10px; margin:10px 0; }
.bom-card .bom-remove-row { order:-1; margin-left:auto; }
.bom-remove-row, .bom-add-btn, .bom-submit { border:2px solid #666 !important; transition: background-color .25s ease, color .25s ease, border-color .25s ease; }
.bom-remove-row:hover, .bom-add-btn:hover, .bom-submit:hover { background-color:#e6e6e6 !important; }
.bom-submit { border-color:#2271b1 !important; }
.bom-card label { display:flex; flex-direction:column; gap:4px; }
.bom-totals { background:#eef9ee; border:1px solid #cfe3cf; padding:8px; margin:10px 0; }
.bom-sample-card { border:1px solid #cfcfcf; background:#f0f6ff; border-radius:10px; padding:12px; margin:10px 0; position:relative; display:flex; gap:12px; align-items:center; }
.bom-sample-card .bom-remove-sample { border:2px solid #666 !important; transition: background-color .25s ease; position:absolute; left:10px; top:10px; }
.bom-sample-card .bom-remove-sample:hover { background:#e6e6e6 !important; }
.bom-fade-in { animation: bomFadeIn .25s ease forwards; }
.bom-fade-out { animation: bomFadeOut .2s ease forwards; }
@keyframes bomFadeIn { from { opacity:0; transform: translateY(-6px);} to { opacity:1; transform: translateY(0);} }
@keyframes bomFadeOut { from { opacity:1; height:auto;} to { opacity:0; height:0; margin:0; padding:0; } }