/* The office's Sessions area (plan 4, task 7). Linked from index.html;
   only this area's own rules go here. */

.sess-day { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }
.sess-day button { min-height: 44px; min-width: 44px; }
.sess-day input[type="date"] {
  font: inherit; min-height: 44px; padding: .3rem .5rem; border-radius: 8px;
  border: 1px solid #555; background: var(--field); color: var(--chalk);
}
.sess-daytotal { color: var(--muted); margin-left: auto; }

.sess-filters { display: flex; flex-wrap: wrap; align-items: end; gap: .6rem 1rem; }
.sess-field { display: flex; flex-direction: column; gap: .25rem; font-size: .9rem; color: var(--muted); flex: 1 1 10rem; min-width: 0; }
.sess-field input, .sess-field select {
  font: inherit; min-height: 44px; padding: .35rem .5rem; border-radius: 8px;
  border: 1px solid #555; background: var(--field); color: var(--chalk); width: 100%;
}
.sess-check { display: flex; align-items: center; gap: .4rem; min-height: 44px; }
.sess-filters button { min-height: 44px; padding: .5rem .9rem; align-self: end; }

.sess-sitting { margin: 0 0 .75rem; }
.sess-sitting summary { cursor: pointer; font-weight: 600; }
.sess-notes { color: var(--muted); font-size: .85rem; margin: .4rem 0; }

.sess-game { margin: .5rem 0 0 .5rem; }
.sess-game > summary { font-weight: 600; color: var(--muted); }
.sess-atbat { margin: .4rem 0 .4rem .75rem; }
.sess-atbat > summary { font-weight: 600; }

.sess-expl { color: var(--muted); font-size: .9rem; margin: .3rem 0 0; }

.sess-look {
  display: inline-block; padding: .1rem .5rem; border-radius: 999px; font-size: .8rem;
  font-weight: 600; text-transform: capitalize; border: 1px solid var(--line);
}
.sess-look[data-look="first"] { color: #5BBF6A; border-color: #5BBF6A; }
.sess-look[data-look="retry"] { color: var(--warn); border-color: var(--warn); }
.sess-look[data-look="helped"] { color: var(--blue); border-color: var(--blue); }

.sess-older { min-height: 44px; padding: .5rem 1rem; }

/* Every at-bat's table shares one set of columns, so a sitting reads
   down a straight line. */
.sess-atbat .o-table { table-layout: fixed; }
.sess-c-prompt { width: 32%; }
.sess-c-gave { width: 20%; }
.sess-c-mark { width: 2.5rem; }
.sess-c-look { width: 6.5rem; }
.sess-atbat td { overflow-wrap: anywhere; }
.sess-sr {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap;
}

@media (max-width: 639px) {
  .sess-atbat td:empty { display: none; }
  .sess-filters { flex-direction: column; align-items: stretch; }
  .sess-field { flex: none; }
  .sess-daytotal { margin-left: 0; }
  .sess-game, .sess-atbat { margin-left: .4rem; }
}

/* A sitting with no answer in it: a note, not practice. */
.sess-noteonly { color: var(--muted); font-size: .85rem; margin: 0 0 .75rem; padding: 0 .25rem; }