/* Feedback app: layout only. Colors, fonts, and icons all come from the kit (assets/kit/css/td-ui.css). */

/* The four faces on the client page: one row, big enough to tap, never scrolling. */
.rating-faces {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    max-height: none;
    max-width: 420px;
    margin: 0 auto;
    gap: var(--s1);
}
.rating-faces .pick-name { font-size: 13px; }

.feedback-form fieldset { border: 0; padding: 0; margin: 0; }
.feedback-form [data-rating-status]:empty { display: none; }
.feedback-form [data-rating-status] { text-align: center; }

/* The period picker in the dashboard header. */
.period-form { display: flex; gap: var(--s1); align-items: center; }