/* PF Wellbeing — Toilet: Loo tab extras on top of pfwf.css. */

.pfwf-app .pft-card { border-color: #8a5a2b; }
.pfwf-app .pft-counts { font-size: 18px; }
.pfwf-app .pft-counts strong { font-size: 22px; }

/* Two big one-tap buttons */
.pfwf-app .pft-quick { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 14px; }
.pfwf-app .pft-tap {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    min-height: 120px; border-radius: var(--pfwf-radius); border: none; cursor: pointer; color: #fff;
    box-shadow: var(--pfwf-shadow);
}
.pfwf-app .pft-tap:active { transform: scale(.97); }
.pfwf-app .pft-tap.is-pee { background: #2b8cd6; }
.pfwf-app .pft-tap.is-poo { background: #8a5a2b; }
.pfwf-app .pft-tap-icon { font-size: 36px; line-height: 1; margin-bottom: 6px; }
.pfwf-app .pft-tap-label { font-size: 18px; font-weight: 700; }

.pfwf-app .pft-chips { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 4px; }
.pfwf-app .pft-chip { position: relative; cursor: pointer; }
.pfwf-app .pft-chip input { position: absolute; opacity: 0; width: 0; height: 0; }
.pfwf-app .pft-chip span { display: inline-block; padding: 10px 14px; border: 1px solid var(--pfwf-border); border-radius: 999px; background: #fff; font-size: 14px; font-weight: 600; color: var(--pfwf-text); min-width: 44px; text-align: center; }
.pfwf-app .pft-chip input:checked + span { background: var(--pfwf-accent); border-color: var(--pfwf-accent); color: #fff; }
.pfwf-app .pft-hint { display: block; font-size: 12px; color: var(--pfwf-muted); font-weight: 400; margin-top: 4px; }
.pfwf-app .pft-check { display: flex; align-items: center; gap: 8px; }
.pfwf-app .pft-check input { width: 20px; height: 20px; }

.pfwf-app .pft-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.pfwf-app .pft-row form { margin: 0; }