.guest-preview-notice { display: flex; align-items: center; gap: 12px; padding: 10px 14px; margin: 0 0 10px; border: 1px solid var(--control-outline, #8295ac); border-radius: 10px; }
.guest-preview-notice[hidden] { display: none; }
.guest-preview-copy { flex: 1; min-width: 0; }
.guest-preview-copy strong { font-size: 14px; }
.guest-preview-copy p { font-size: 13px; margin: 4px 0 0; line-height: 1.5; }
.guest-preview-notice button { flex: 0 0 auto; width: auto; min-width: 0; max-width: 100%; white-space: nowrap; }
.roster-import-guide { margin: 8px 10px; font-size: 13px; line-height: 1.6; }
.roster-import-guide summary { cursor: pointer; font-weight: 650; }
.roster-import-guide p { margin: 6px 0; }
.roster-import-status { margin: 8px 10px; font-size: 13px; line-height: 1.5; white-space: pre-line; }
.roster-import-status[data-tone="warning"] { color: var(--danger, #b54730); }
.roster-import-status:empty { display: none; }
.guest-preview-notice #guestLoginButton { min-height: 36px; height: auto; padding: 8px 12px; font-size: 13px; }
@media (max-width: 600px) {
  .guest-preview-notice { gap: 8px; padding: 8px 10px; }
  .guest-preview-copy strong { font-size: 13px; }
  .guest-preview-copy p { font-size: 12px; }
  #guestFeatureDescription { display: none; }
  .guest-preview-notice #guestLoginButton { min-height: 34px; padding: 8px 10px; }
}