body {
    background: #f2f2f2;
    font-family: Arial, sans-serif;
}

.bill {
    width: 800px;
    margin: 30px auto;
    background: white;
    padding: 30px;
    border: 2px solid black;
}

.title, .company, .address {
    text-align: center;
}

.meta {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

table, th, td {
    border: 1px solid black;
}

th, td {
    padding: 8px;
    text-align: center;
}

input {
    width: 95%;
    border: none;
    outline: none;
    text-align: center;
}

.controls {
    margin-top: 20px;
    text-align: center;
}

.controls button {
    padding: 8px 16px;
    margin: 5px;
}

.amount-cell {
    position: relative;
}

.row-delete {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0;
}

tr:hover .row-delete {
    opacity: 0.6;
}

.row-delete:hover {
    opacity: 1;
    color: red;
}

/* ✅ RIGHT ALIGN SIGNATURE */
.signature-right {
    text-align: right;
    margin-top: 50px;
}

@media print {
    .controls,
    .row-delete {
        display: none;
    }
}
/* .meta {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 10px;
  }
  
  .meta .left {
    text-align: left;
    width: 55%;        /* 🔴 IMPORTANT */
    /* padding-left: 5px; /* konjam left gap */
  /* }
  
  .meta .right {
    text-align: right;
    width: 40%;
  } */ */ */

  .meta {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  
  .to-ms {
    width: 30%;
    text-align: left;
  }
  
  .to-ms-fields {
    margin-top: 6px;
  }
  
  .to-ms-fields input {
    display: block;        /* 🔴 KEY FIX */
    width: 20%;
    margin: 4px 0;
  }