/* Payments: only what's new; the rest is the staff system's look (app.css) and
   Expenses' quick-entry pieces (quick.css, the same file as Expenses'). */
.pdot{display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:7px; vertical-align:1px; background:var(--k)}
/* her key: paid is grey */
.xent.paid .p, .xent.paid .a{color:var(--ink3); font-weight:600}
.xent.paid .d{color:var(--ink3)}
.st{font-size:11px; font-weight:700; padding:1px 7px; border-radius:5px; white-space:nowrap}
.st.topay{background:var(--amber-soft); color:var(--amber)}
.st.out{background:var(--accent-soft); color:var(--accent)}
.st.done{color:var(--ink3)}
.wkhead{display:flex; align-items:center; gap:8px; margin:2px 0 10px}
.wkhead h2{margin:0; font-size:17px; flex:1; text-align:center}
.wkhead .btn{padding:8px 13px}
.xday{display:flex; justify-content:space-between}
.xday .dt{font-variant-numeric:tabular-nums; font-weight:600}
.xday.today{color:var(--accent)}
.totals{grid-template-columns:repeat(3, minmax(0,1fr))}
.totals .t{padding:8px 10px}
.totals .n{font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.totals .n.amber{color:var(--amber)}
.find{margin-bottom:10px}
.find input{width:100%; font-size:16px; padding:10px 12px}
.sheetbtns{display:grid; gap:8px; margin-top:12px}
.sheetbtns .btn{padding:12px; font-size:15.5px}
.facts{display:grid; grid-template-columns:auto minmax(0,1fr); gap:4px 14px; font-size:14px; margin:4px 0 0}
.facts dt{color:var(--ink2)} .facts dd{margin:0; font-weight:600}
.billday{font-variant-numeric:tabular-nums; font-weight:700; color:var(--ink2); width:28px; text-align:center}
.xent.bill{grid-template-columns:28px minmax(0,1fr) auto}
.xent.bill .day{grid-row:span 2; align-self:center}
.xent.bill.stopped .p, .xent.bill.stopped .a{color:var(--ink3)}
.dlgform{display:grid; gap:8px}
.dlgform .xrow2{gap:8px}
.seg.five button{font-size:13px; padding:11px 2px; white-space:nowrap}
.again{font-size:13px; color:var(--accent); font-weight:600; text-align:center}
.page{max-width:560px; margin:0 auto}
.sect{font-size:13px; font-weight:700; color:var(--ink2); margin:22px 2px 8px; font-family:var(--font-head)}
.center{text-align:center; margin-top:14px}
.invented{font-size:12.5px; color:var(--amber); background:var(--amber-soft); border-radius:9px; padding:7px 11px; margin-bottom:10px; text-align:center}
.devrow{display:flex; align-items:center; gap:10px; padding:10px 12px; background:var(--card); border:1px solid var(--rule); border-radius:11px}
.devrow .nm{flex:1; min-width:0}
.devrow .nm b{display:block}
.devrow .nm span{font-size:12.5px; color:var(--ink2)}
.signin label{display:grid; gap:5px; font-size:13px; font-weight:600; color:var(--ink2); margin-bottom:10px}