/* Bag management uses the shared student row action styles. */

#workspace #bag-class-filter { width: 140px; flex: 0 0 140px; }


/* Single-bag actions and details follow the shared dialog layout. */
:is(#bag-action-dialog, #bag-details-dialog) {
  box-sizing: border-box;
  width: 520px;
  padding: 24px;
}

:is(#bag-action-dialog, #bag-details-dialog) .dialog-heading {
  margin-bottom: 24px;
  padding: 0 36px 16px 0;
}

:is(#bag-action-dialog, #bag-details-dialog) .dialog-heading::after {
  left: 0;
  right: 0;
}

:is(#bag-action-dialog, #bag-details-dialog) .close {
  top: -6px;
  right: -6px;
  padding: 6px;
}

:is(#bag-action-dialog, #bag-details-dialog) .close .ui-icon {
  width: 20px;
  height: 20px;
}

#bag-action-identity {
  margin: 0 0 12px;
  font-size: 14px;
  color: var(--ui-text);
}

#bag-action-note {
  margin: 0 0 16px;
  padding: 16px;
  border-radius: 8px;
  background: var(--ui-surface-container-low);
  font-size: 14px;
  line-height: 22px;
}

#bag-action-dialog:has(#bag-action-submit.danger-button) #bag-action-note {
  background: var(--ui-error-container);
  color: var(--ui-on-error-container);
}

#bag-action-dialog :is(#bag-days-label, #bag-password-label) {
  padding: 16px;
  border-radius: 8px;
  background: var(--ui-surface-container-low);
  font-size: 14px;
}

#bag-action-dialog label input {
  margin-top: 8px;
}

#bag-action-error:empty {
  display: none;
}

#bag-details-dialog .bag-details-code {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: var(--ui-surface-container-low);
  border-radius: 8px;
}

#bag-details-qr {
  display: block;
  background: var(--ui-surface);
}

#bag-details-address {
  font-size: 14px;
  line-height: 20px;
  overflow-wrap: anywhere;
  text-align: center;
}

#bag-details-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 24px;
  margin: 24px 0;
}

#bag-details-fields > div {
  min-width: 0;
}

#bag-details-fields dt {
  margin-bottom: 4px;
  color: var(--ui-muted);
  font-size: 12px;
}

#bag-details-fields dd {
  margin: 0;
  color: var(--ui-text);
  font-size: 14px;
  line-height: 20px;
  overflow-wrap: anywhere;
}


#bag-details-dialog .bag-details-address {display:block;margin-top:4px;font-size:13px;line-height:20px;font-weight:400;color:var(--ui-muted);overflow-wrap:anywhere;text-decoration:none;}
#bag-details-dialog .bag-details-address:hover {color:var(--ui-primary);text-decoration:underline;}
#bag-details-dialog .bag-details-address[hidden] {display:none;}

#workspace #bag-status-filter {width:154px;min-width:154px;}

#bag-details-dialog .bag-details-address {color:var(--ui-primary);text-decoration:underline;text-underline-offset:2px;cursor:pointer;}