.client-appointment{align-items:center;gap:14px}.appointment-meta{display:flex;flex-wrap:wrap;gap:7px;color:var(--muted,#6e746e);font-size:.84rem}.attendance-actions{display:flex;gap:8px;flex-wrap:wrap}.attendance-actions button,.client-payment button{border:1px solid #c9d7c3;background:#fff;border-radius:999px;padding:8px 11px;font-weight:700;cursor:pointer}.attendance-actions button.selected{background:#70ef4c;border-color:#70ef4c;color:#10200a}.client-extra-panel{grid-column:span 2}.goal-row{display:grid;grid-template-columns:1fr auto;gap:6px;padding:10px 0;border-bottom:1px solid #e9eee6}.goal-row:last-child{border:0}.goal-row progress{grid-column:1/-1;width:100%;accent-color:#55d837}.client-live-modal{max-width:420px;text-align:center}.live-ring{--progress:0;width:170px;aspect-ratio:1;margin:22px auto;border-radius:50%;background:conic-gradient(#64e843 calc(var(--progress)*1%),#e7eee3 0);display:grid;place-items:center}.live-ring:after{content:"";width:132px;aspect-ratio:1;border-radius:50%;background:white;grid-area:1/1}.live-ring b{z-index:1;font-size:1.55rem}.client-payment{margin-top:14px;padding:14px;border-radius:14px;background:#f3faef}.client-payment strong,.client-payment small{display:block}.client-payment small{margin:6px 0;color:#5e675e}
@media(max-width:700px){.client-extra-panel{grid-column:span 1}.client-appointment{align-items:flex-start;flex-wrap:wrap}.attendance-actions{width:100%}}