/* Project-to-Payment Tracker Styles */
:root{
  --ptp-primary:#FF914D;
  --ptp-secondary:#2F4196;
  --ptp-light:#F7F9FC;
  --ptp-radius:1rem;
  --ptp-shadow:0 10px 25px rgba(0,0,0,.08);
}
#ptp-app .ptp-container{padding:10px}
#ptp-app .ptp-card{
  background: var(--ptp-light);
  border-radius: var(--ptp-radius);
  box-shadow: var(--ptp-shadow);
  padding: 1rem;
  border: 1px solid rgba(0,0,0,.06);
}
#ptp-app .ptp-title{
  margin:0 0 .5rem;
  font-size: 1.4rem;
  color: var(--ptp-secondary);
}
.ptp-toolbar{
  display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; margin-bottom:.5rem;
}
.ptp-btn{
  border:0; padding:.6rem .9rem; border-radius:.75rem; background:var(--ptp-secondary); color:#fff; cursor:pointer
}
.ptp-btn:hover{opacity:.9}
.ptp-search{flex:1; min-width:160px; padding:.55rem .7rem; border-radius:.6rem; border:1px solid #d8deea}
.ptp-grid{display:grid; grid-template-columns: 1.2fr .8fr; gap:1rem}
.ptp-list{overflow:auto; max-height:60vh}
.ptp-table{width:100%; border-collapse:separate; border-spacing:0 .5rem}
.ptp-table th, .ptp-table td{padding:.6rem .7rem; background:#fff}
.ptp-table thead th{position:sticky; top:0; z-index:1; background:#eef2fb; color:#27325a}
.ptp-table td:last-child{width:110px}
.ptp-editor{background:#fff; border-radius:.8rem; padding:.8rem; border:1px solid #e8ecf5}
.ptp-field{display:grid; gap:.25rem; margin-bottom:.6rem}
.ptp-field label{font-size:.85rem; color:#27325a}
.ptp-field input, .ptp-field select, .ptp-field textarea{
  padding:.55rem .7rem; border-radius:.5rem; border:1px solid #d8deea; width:100%;
}
.ptp-actions{display:flex; gap:.5rem; justify-content:flex-end; margin-top:.5rem}
.ptp-chip{padding:.2rem .5rem; border-radius:1rem; background:#f0f3fa; font-size:.8rem}
@media (max-width:900px){ .ptp-grid{grid-template-columns:1fr} .ptp-list{max-height:40vh} }