[data-s8-document-row][hidden],
[data-s8-member-document-row][hidden],
[data-s8-my-document-row][hidden],
[data-s836-asset-row][hidden] {
  display: none !important;
}

.s836-asset-filter-panel {
  display: grid;
  grid-template-columns: minmax(16rem, 2fr) repeat(3, minmax(10rem, 1fr)) auto;
  gap: .75rem;
  align-items: end;
  margin: 1rem 0;
  padding: 1rem;
}

.s836-asset-filter-panel label {
  display: grid;
  gap: .4rem;
}

.s836-filter-summary,
.s836-asset-pagination,
.s836-channel-actions,
.s836-channel-list,
.s836-audience-tools {
  display: flex;
  gap: .65rem;
  align-items: center;
  flex-wrap: wrap;
}

.s836-filter-summary {
  min-width: 9rem;
  justify-content: flex-end;
}

.s836-asset-pagination {
  justify-content: flex-end;
  margin-top: .75rem;
}

.s836-inventory-table .table-wrap {
  max-height: 38rem;
  overflow: auto;
}

.s836-inventory-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--surface, #121216);
}

.s836-channel-settings {
  margin-top: 1rem;
}

.s836-channel-list {
  margin-top: .8rem;
}

.s836-channel-list .badge {
  padding: .45rem .65rem;
}

.s836-audience-tools {
  justify-content: space-between;
  margin: .45rem 0 .7rem;
}

.s836-audience-tools small {
  color: var(--muted, #a7a4aa);
}

.s836-item-label {
  text-align: center;
}

.s836-item-label .s68-identity-qr-code {
  max-width: 24rem;
  margin: 1rem auto;
}

.s836-item-label dl,
.s836-asset-record dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
  text-align: left;
}

.s836-item-label dl div,
.s836-asset-record dl div {
  padding: .75rem;
  border: 1px solid var(--border, #303036);
  border-radius: .65rem;
}

.s836-item-label dt,
.s836-asset-record dt {
  color: var(--muted, #a7a4aa);
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.s836-item-label dd,
.s836-asset-record dd {
  margin: .3rem 0 0;
  font-weight: 700;
}

@media (max-width: 980px) {
  .s836-asset-filter-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .s836-asset-filter-panel,
  .s836-item-label dl,
  .s836-asset-record dl {
    grid-template-columns: 1fr;
  }

  .s836-filter-summary,
  .s836-asset-pagination {
    justify-content: stretch;
  }

  .s836-filter-summary .button,
  .s836-asset-pagination .button {
    flex: 1;
  }
}
.calendar-member-time-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.calendar-member-duty-field>div{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px;
  min-width:0;
}
.calendar-member-assignment-card{
  display:block!important;
  width:100%;
  min-width:0;
  padding:14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(255,255,255,.018);
}
.calendar-member-assignment-card>label{
  display:flex!important;
  width:100%;
  align-items:center;
  gap:10px;
  margin:0;
}
.calendar-member-assignment-card>label span{display:grid;min-width:0}
.calendar-member-assignment-card>label small{color:var(--muted)}
.calendar-member-event-duty{
  display:grid;
  grid-template-columns:minmax(190px,.7fr) minmax(0,2fr);
  gap:12px;
  width:100%;
  min-width:0;
  margin-top:12px;
}
.calendar-member-event-duty[hidden]{display:none!important}
.calendar-member-duty-grid{
  display:grid;
  grid-template-columns:1fr;
  align-content:start;
  gap:10px;
  min-width:0;
}
.calendar-member-duty-grid label,.calendar-member-duty-grid input,.calendar-member-duty-grid select,
.calendar-member-time-grid label,.calendar-member-time-grid input,.calendar-member-shift>label,.calendar-member-shift>label input{
  width:100%;
  min-width:0;
}
.calendar-member-time-grid label{margin:0;overflow-wrap:normal;word-break:normal}
.calendar-member-shift{
  border:1px solid var(--line);
  border-radius:12px;
  padding:12px;
  background:rgba(255,255,255,.018);
  min-width:0;
}
.calendar-member-shift>legend{max-width:100%;padding:0 6px;white-space:normal}
.calendar-detail-staff-list{display:grid;gap:10px;margin-top:10px}
.calendar-detail-staff{
  display:grid;
  grid-template-columns:minmax(150px,1.2fr) repeat(3,minmax(120px,1fr));
  gap:10px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:12px;
  padding:12px;
}
.calendar-detail-staff small,.calendar-detail-staff span{display:block;color:var(--muted)}

/* Event details must remain readable with a large cast on every screen size. */
dialog:has(.calendar-detail){width:min(980px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 24px);overflow-y:auto;overflow-x:hidden}
.calendar-detail,.calendar-detail>*{min-width:0}
.calendar-detail>header,.calendar-detail h2,.calendar-detail-description,.calendar-detail-grid .detail{min-width:0;overflow-wrap:anywhere}
.calendar-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.calendar-detail-staff-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))}
.calendar-detail-staff{grid-template-columns:minmax(0,1fr);align-items:start;min-width:0}
.calendar-detail-staff>*{min-width:0;overflow-wrap:anywhere}
.calendar-detail-shift{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.calendar-detail-shift>div,.calendar-detail-shift dt,.calendar-detail-shift dd{min-width:0;overflow-wrap:anywhere}
.calendar-detail .modal-actions{position:sticky;bottom:-1px;z-index:2;flex-wrap:wrap;background:#111114;padding-top:12px}
.s682-participant-schedule{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:8px 0;
  padding:9px;
  border-radius:10px;
  background:rgba(255,255,255,.025);
}
.s682-participant-schedule small{display:block;color:var(--muted)}
.s682-participant.missed-punch{border-color:rgba(239,83,91,.7);box-shadow:0 0 0 1px rgba(239,83,91,.15)}
.s836-schedule-spotlight{
  margin:18px 0;
  padding:16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--panel);
}
.s836-schedule-spotlight .section-head.compact{margin-bottom:12px}
.s836-work-schedule{
  margin:22px 0;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--panel);
  scroll-margin-top:80px;
}
.s836-work-schedule>summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:16px;
  cursor:pointer;
  list-style:none;
}
.s836-work-schedule>summary::-webkit-details-marker{display:none}
.s836-work-schedule>summary span:first-child{display:grid;gap:3px}
.s836-work-schedule>summary small{color:var(--muted)}
.s836-schedule-filterbar{
  display:grid;
  grid-template-columns:minmax(220px,1.8fr) minmax(150px,.7fr) auto auto;
  gap:10px;
  align-items:end;
  padding:0 16px 12px;
}
.s836-schedule-filterbar label{margin:0}
.s836-schedule-filterbar .check{align-self:center;white-space:nowrap}
.s836-schedule-count{margin:0;padding:0 16px 10px;color:var(--muted)}
.s836-schedule-list{display:grid;gap:8px}
.s836-schedule-directory{
  max-height:560px;
  overflow:auto;
  padding:0 16px 16px;
}
.s836-schedule-row{
  display:grid;
  grid-template-columns:minmax(210px,1.3fr) minmax(270px,1.5fr) auto;
  gap:14px;
  align-items:center;
  padding:12px;
  border:1px solid var(--line);
  border-radius:11px;
  background:rgba(255,255,255,.018);
}
.s836-schedule-row.missed-punch{border-color:rgba(239,83,91,.72)}
.s836-schedule-main,.s836-schedule-duty span{display:grid;gap:3px;min-width:0}
.s836-schedule-main small,.s836-schedule-duty small{color:var(--muted)}
.s836-schedule-date{font-size:12px;color:var(--gold);font-weight:700}
.s836-schedule-duty{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.s836-schedule-duty b{font-size:13px}
.s836-schedule-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}

@media(max-width:900px){
  .calendar-member-event-duty{grid-template-columns:1fr}
  .s836-schedule-row{grid-template-columns:1fr}
  .s836-schedule-actions{justify-content:flex-start}
  .s836-schedule-filterbar{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .calendar-member-time-grid{grid-template-columns:1fr 1fr}
  .calendar-detail-staff{grid-template-columns:1fr}
  .s682-participant-schedule{grid-template-columns:1fr}
  .s836-schedule-filterbar,.s836-schedule-duty{grid-template-columns:1fr}
  .s836-schedule-spotlight .section-head.compact{align-items:flex-start}
}

@media(max-width:760px){
  dialog:has(.calendar-detail){width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 12px);padding:16px}
  .calendar-detail-grid,.calendar-detail-staff-list,.calendar-detail-staff,.calendar-detail-shift,.s682-participant-schedule{grid-template-columns:1fr}
  .calendar-detail .modal-actions .button{flex:1 1 180px}
}
@media(max-width:480px){
  .calendar-member-time-grid{grid-template-columns:1fr}
}