/* assets/quittance.css */
#rentilot-quittance {
  background-color: #F7F7F7;
  border-radius: 3rem;
  padding: 2rem;
 }
#rentilot-quittance .rq-layout {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:40px; align-items:center;
}
@media (max-width:1024px){ #rentilot-quittance .rq-layout { grid-template-columns:1fr; } #rentilot-quittance { padding: 2rem 1.5rem; } }
#rentilot-quittance .rq-col-preview { position:sticky; top:1rem; }
#rentilot-quittance .rq-preview {
    /* border: 1px solid #e5e7eb; */
    padding: 35px;
    background: white;
    box-shadow: 0 1px 10px rgba(0,0,0,.10);
}
#rentilot-quittance fieldset { margin-bottom:16px; border:none; padding:12px 0;}
#rentilot-quittance legend { padding:0 6px; font-weight:600;margin-left: 0 !important; }
#rentilot-quittance .btn { display:inline-flex; align-items:center; gap:8px; padding:.6rem .9rem; border-radius:.5rem; border:1px solid #0f766e; background:#0f766e; color:#fff; cursor:pointer; }
#rentilot-quittance .btn:hover { filter:brightness(0.95); }
#rentilot-quittance .form-input { width:100%; border:1px solid #e5e7eb; border-radius:.5rem; padding:.6rem .8rem; }

/* --- Compact premium form --- */
#rentilot-quittance .rq-form { gap: 14px; }
#rentilot-quittance fieldset { margin: 0 0 20px;}
#rentilot-quittance legend { padding:0 6px; font-weight:600; font-size:13px; letter-spacing:.02em; color:#0f172a; opacity:.8; }
#rentilot-quittance .rq-grid-2 { display:grid; grid-template-columns: 1fr; gap:12px; }
@media (min-width: 820px){ #rentilot-quittance .rq-grid-2 { grid-template-columns: 1fr 1fr; } }
#rentilot-quittance .rq-grid-3 { display:grid; grid-template-columns: 1fr; gap:10px; }
@media (min-width: 920px){ #rentilot-quittance .rq-grid-3 { grid-template-columns: 1fr 1fr 1fr; } }

/* Floating label */
#rentilot-quittance .rq-field { position:relative; }
#rentilot-quittance .rq-field .form-input {
  width:100%; border:1px solid #e5e7eb; border-radius:10px; padding:22px 14px 10px;
  background:#fbfdff; transition:border-color .15s ease, box-shadow .15s ease, background .15s;
}
#rentilot-quittance .rq-field .form-input:focus { outline:0; border-color:#0f766e; box-shadow:0 0 0 3px rgba(15,118,110,.12); background:#fff; }
#rentilot-quittance .rq-label {
  position:absolute; left:14px; top:12px; font-size:12px; line-height:1; color:#475569; pointer-events:none;
  transition: transform .15s ease, color .15s ease, font-size .15s ease, top .15s ease;
  transform-origin:left top;
}
#rentilot-quittance .form-input::placeholder { color:transparent; }
#rentilot-quittance .form-input:placeholder-shown + .rq-label { top:50%; transform:translateY(-50%); font-size:15px; color:#64748b; }
#rentilot-quittance .form-input:focus + .rq-label,
#rentilot-quittance .form-input:not(:placeholder-shown) + .rq-label {
  top:10px; transform:none; font-size:11px; color:#0f766e;
}

/* Payments repeater inline */
#rentilot-quittance .rq-payment { display:grid; grid-template-columns: 1fr; gap:10px; }
@media (min-width: 900px){ #rentilot-quittance .rq-payment { grid-template-columns: 0.9fr 1.1fr 0.8fr; } }
#rentilot-quittance .rq-payment + .rq-payment { margin-top:10px; }

/* Column padding adjustments */
#rentilot-quittance .rq-col-form { padding-right: 0; }
#rentilot-quittance .rq-col-preview .rq-preview { max-height: calc(100vh - 120px); overflow:auto; }

/* Buttons */
.btn-primary {
  display:inline-flex; align-items:center; gap:8px; padding:.75rem 1.5rem !important;
  border:1px solid #0f766e; background:#0f766e; color:#fff; cursor:pointer; font-weight:600;
  border-radius: 3rem; font-size: 15px;
  box-shadow:0 4px 6px -1px rgb(15 118 110 / 0.1),0 2px 4px -2px rgb(15 118 110 / 0.1);
}

.btn-secondary {
  background-color: #E3FFCC;
  padding: 10px 13px !important;
  margin-top: 10px;
}

.flex-wrap {
  display: flex;
  gap: .5rem;
}

@media (max-width:1024px){
  .flex-wrap {
    gap: 1rem;
    flex-direction: column;
  }
  .rq-col-preview {
    display: none;
  }
 }